【发布时间】:2012-03-23 08:03:24
【问题描述】:
function uploadPhoto(file) {
if (!file || !file.type.match(/image.*/)){
if(!file){
postStatus();
} else {
return;
}
}
var fd = new FormData();
fd.append("image", file);
fd.append("privacy", document.getElementById('privacy-handler').value);
var xhr = GetXmlHttpRequest();
xhr.open("POST", "url here");
slideUp('photo-upload');
slideDown('photo-manager-txt');
document.getElementById("photo-manager-txt").innerHTML='<i>Please wait a moment while we process your photo.</i>';
xhr.onload = function() {
if(xhr.responseText == '0'){
document.getElementById('photo-manager-txt').innerHTML='<br />Photo upload failed';
slideDown('photo-upload');
return;
} else {
document.getElementById('photo-txt').value='grab?v=1&file='+xhr.responseText;
document.getElementById('photo-manager-txt').innerHTML='Photo uploaded and shared.';
postStatus();
}
}
xhr.send(fd);
}
此功能似乎不起作用。当我调用我正在使用的函数时:
onClick="uploadPhoto(document.getElementById('ID-HERE').files[0]);"
当我从files[] 中删除0 时,它至少会运行postStatus();,但不会上传照片。我该如何解决这个问题?
【问题讨论】:
-
你说的是哪个版本的IE?
-
嗯,我认为这就是问题所在,@Jake。 IE10 之前不支持文件 API。
标签: javascript html ajax xmlhttprequest form-data