无法在服务器中打开上传的文件 [英] Can not open uploaded file in server
本文介绍了无法在服务器中打开上传的文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
背景:
用户上传图片&点击保存"按钮.
我成功将图像保存在服务器中.我将777的权限分配给了文件夹....
问题:
我试图打开图片,但无法正常显示:图片网址
HTML
<button class ="save" onclick="test()">Save image to server</button>
脚本:
function test(){
var canvas = document.getElementById("0");
var dataURL = canvas.toDataURL(); // THE BASE 64 DATA
var dataFileName = document.getElementById('fileup').value.replace(/.*(\/|\\)/, ''); // GET THE FILE NAME THAT USER CHOSE
var dataFileType = dataFileName.split('.').pop();
$.ajax({
type: "POST",
url: "tamaker.php",
data: {
imgBase64: dataURL,
imgFileName: dataFileName,
imgFileType: dataFileType
}
}).done(function(o, imgFileName) {
console.log(o);
var response = JSON.parse(o);
console.log(response);
$('body').prepend('<img src="' + dataFileName+ '" style="height: 200px; width: auto;">');
});
}
save.php
<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
if( isset($_POST['imgBase64']) && isset($_POST['imgFileName']) && isset($_POST['imgFileType']) ){
$fname = filter_input(INPUT_POST, 'imgFileName'); // THE FILENAME THE USER CHOSE IS RECEIVED VIA POST
$img = filter_input(INPUT_POST, 'imgBase64'); // THE BASE64 ENCODING RECEIVED VIA POST
$imgtype = filter_input(INPUT_POST, 'imgFileType'); // THE FILE TYPE / EXTENSION IS RECEIVED VIA POST
// STRIP OFF THE BEGINNING OF THE BASE64 DATA, BUT DEPENDS ON THE IMAGE TYPE.
// I COULD HAVE SIMPLIFIED THIS BUT USED IF STATEMENTS.
if ( $imgtype === 'png'){
$img = str_replace('data:image/png;base64,', '', $img);
};
if ( $imgtype === 'jpg' || $imgtype === 'jpeg'){
$img = str_replace('data:image/jpeg;base64,', '', $img);
};
if ( $imgtype === 'gif'){
$img = str_replace('data:image/gif;base64,', '', $img);
};
// REPLACE ALL SPACES IN THE IMAGE DATA WITH PLUS SYMBOL
$img = str_replace(' ', '+', $img);
// CONVERT THE DATA FROM BASE64 ENCODING
$img = base64_decode($img);
// SAVE THE FILE WITH NAME SYNTAX OF: /images/clientlogos/[ACCOUNT ID]_[FILE NAME]
file_put_contents('/var/www/html/ecom1/site/test/screen/'.$fname, $img);
echo "Image has been saved successfully!<p>";
}
?>
这是 pastebin
中的完整html代码.解决方案
尝试将您的apache版本更新为2.4.
它为这个家伙成功了: https://stackoverflow.com/a/33033946/11722161 >
Background :
User upload image & click on "save" button.
I saved the image in server successfully. I gave 777 permisson to folder....
Issue :
I tried to open image, it don't display properly : Image url
Html
<button class ="save" onclick="test()">Save image to server</button>
Script :
function test(){
var canvas = document.getElementById("0");
var dataURL = canvas.toDataURL(); // THE BASE 64 DATA
var dataFileName = document.getElementById('fileup').value.replace(/.*(\/|\\)/, ''); // GET THE FILE NAME THAT USER CHOSE
var dataFileType = dataFileName.split('.').pop();
$.ajax({
type: "POST",
url: "tamaker.php",
data: {
imgBase64: dataURL,
imgFileName: dataFileName,
imgFileType: dataFileType
}
}).done(function(o, imgFileName) {
console.log(o);
var response = JSON.parse(o);
console.log(response);
$('body').prepend('<img src="' + dataFileName+ '" style="height: 200px; width: auto;">');
});
}
save.php
<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
if( isset($_POST['imgBase64']) && isset($_POST['imgFileName']) && isset($_POST['imgFileType']) ){
$fname = filter_input(INPUT_POST, 'imgFileName'); // THE FILENAME THE USER CHOSE IS RECEIVED VIA POST
$img = filter_input(INPUT_POST, 'imgBase64'); // THE BASE64 ENCODING RECEIVED VIA POST
$imgtype = filter_input(INPUT_POST, 'imgFileType'); // THE FILE TYPE / EXTENSION IS RECEIVED VIA POST
// STRIP OFF THE BEGINNING OF THE BASE64 DATA, BUT DEPENDS ON THE IMAGE TYPE.
// I COULD HAVE SIMPLIFIED THIS BUT USED IF STATEMENTS.
if ( $imgtype === 'png'){
$img = str_replace('data:image/png;base64,', '', $img);
};
if ( $imgtype === 'jpg' || $imgtype === 'jpeg'){
$img = str_replace('data:image/jpeg;base64,', '', $img);
};
if ( $imgtype === 'gif'){
$img = str_replace('data:image/gif;base64,', '', $img);
};
// REPLACE ALL SPACES IN THE IMAGE DATA WITH PLUS SYMBOL
$img = str_replace(' ', '+', $img);
// CONVERT THE DATA FROM BASE64 ENCODING
$img = base64_decode($img);
// SAVE THE FILE WITH NAME SYNTAX OF: /images/clientlogos/[ACCOUNT ID]_[FILE NAME]
file_put_contents('/var/www/html/ecom1/site/test/screen/'.$fname, $img);
echo "Image has been saved successfully!<p>";
}
?>
Here is Full html code in pastebin
解决方案
Try updating your apache version to 2.4.
It did the trick for this fellow: https://stackoverflow.com/a/33033946/11722161
这篇关于无法在服务器中打开上传的文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文