<input id="file" type="file" accept="image/png,image/gif,image/jpeg" name="file">
----------------------------------------------------------------
var fileInput = document.getElementById("file");
var file = fileInput.files[0];
var formData = new FormData();
formData.append("file", file);
$.ajax({
url: "./upload_photobank.php",
type: "POST",
data: formData,
processData: false, // 告诉jQuery不要去处理发送的数据
contentType: false, // 告诉jQuery不要去设置Content-Type请求头
complete : function(jqXHR, textStatus) {
if(jqXHR.status != 200){
console.log( 456 )
}else{
var jsonData = eval('(' + jqXHR.responseText + ')');
// var jsonData = jqXHR.responseText;
console.log(jqXHR.responseText);
}
}
});
php如何写 ,获取到上传的图片的二进制数据?
js部分是否有错误?
PHP中文网2017-04-11 10:25:25
首先确保表单的属性要有enctype="multipart/form-data"
,实例化FormData不能为空啊!为空就获取不到表单值啊
迷茫2017-04-11 10:25:25
上传代码要写到input的“change”事件里……还有ajax的回调有点怪,都complate了就不要再判断status了吧。。
可以参考下我写的前端图片直传OSS试验
ringa_lee2017-04-11 10:25:25
后台该怎么获取就怎么获取,用的都是$_FILES,不过需要注意的是jQuery的低版本好像无法发送二进制,我自己做过,是通过写原生的 ajax 来解决的。