HTML5 FileReader替代方案

Question

我需要一些HTML5的帮助。我有一个脚本，它循环遍历所有上传的文件并获取每个文件的详细信息。目前，我正在使用HTML5技术，其中包括FileReader。FileReader功能只适用于Chrome和火狐，因此我正在寻找一种在所有其他浏览器中都能工作的替代品。

我看到了堆栈溢出问题https://stackoverflow.com/questions/5055724/flash-alternative-for-filereader-html-5-api，但是我无法理解如何使用这个Flash，而且没有任何其他解决方案，这样我就可以遍历所有上传的文件并获取每个文件细节(这将在Safari和Internet中工作)？

Answer 1

最后，我根本不使用FileReader，而是循环通过event.files，通过文件获取每个文件，并用FormData对象发送XHR的AJAX请求(因为我决定不需要获取文件数据)：

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;
        }
    }
}

Answer 2

Safari是第一个实际实现HTML5文件API的，并且有几个演示。Andrea为您报道在他的博客上写得很好。也有几个框架来处理这个问题，这也是Internet的后盾。Fancyupload上传是一个在脑海中浮现的。