我需要一些
HTML5的帮助.我有一个脚本,循环遍历所有上传的文件,并获取每个文件的详细信息.目前我正在使用包含FileReader的HTML5技术. FileReader功能仅适用于Chrome和Firefox,因此我正在寻找一种可在所有其他浏览器中使用的选项.
我看到Stack Overflow问题Flash alternative for FileReader HTML 5 API,但是我无法弄清楚如何使用这个Flash的东西,并没有任何其他的解决方案,所以我可以循环所有上传的文件,并获得每个文件的细节(这将工作在Safari和Internet Explorer中)？
解决方法
结束没有使用FileReader,而是循环通过event.files,并通过文件[i]获取每个文件,并通过一个FormData对象发送一个AJAX请求XHR(为我工作,因为我决定我不需要得到文件数据)：
var xhrPool = {};
var dt = e.dataTransfer;
var files = (e.files || dt.files);
for (var i = 0; i < files.length; i++) {
var file = files[i];
// more code...
xhrPool[i] = getXMLHttpRequest();
xhrPool[i].upload.onprogress = uploadProgress;
initXHRRequest(xhrPool[i],i,file);
data = initFormData(i,file);
xhrPool[i].send(data);
}
function initFormData(uploaded,file) {
var data = new FormData();
data.append(uploaded,file);
// parameters...
return data;
}
function uploadProgress() {
// code..
}
function initXHRRequest(xhr,uploaded,file) {
// code... onreadystatechange...
xhr.open("POST","ajax/upload.PHP");
xhr.setRequestHeader("X-File-Name",file.name);
}
function getXMLHttpRequest()
{
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
else {
try {
return new ActiveXObject("MSXML2.XMLHTTP.3.0");
}
catch(ex) {
return null;
}
}
}