javascript - Firefox 3.6 尝试显示缩略图时崩溃

Question

我使用Uploadify将多张图片上传到服务器。

我想在图片实际上传到服务器之前显示图片缩略图，基于this 。我使用的是 Firefox 3.6.6。

这是我的想法:

$('#fileInput').uploadify({
    ...
    onSelect: function(event, queueID, fileObj) {
        var img = document.createElement("img");  
        img.classList.add("obj");  
        img.file = file;  
        document.getElementById("ThumbnailsArea").appendChild(img);  
        var reader = new FileReader();  
        reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);  
        reader.readAsDataURL(fileObj); // This crashes Firefox  
        return true;
    }
    ...
});

我认为，崩溃的原因是 fileObj 并不是真正的 file，如 here .

有谁知道如何在使用 Uploadify 时获取真实的文件 ？

我真的需要任何建议，因为我完全坚持这个!

非常感谢你们，好心人。

Answer 1

你的问题非常有趣，所以我尝试了你提供的代码，但我担心你想要做的事情是不可能的。

我发现的第一件事是，您关于 fileObj 与来自 onchange 事件上的输入文件组件的文件不同的说法是正确的，这是崩溃的最可能原因。当我在玩你的代码时，我试图模仿 file属性与简单的 JavaScript 对象，但这也不起作用(FF 以同样的方式崩溃)。

其次，uploadify 使用 flash( ActionScript )来实际上传文件。您可以注意到 uploadify 的事件与Filereference 的事件之间的相似性。类(class)。因此，您一开始的文件输入在文件上传过程中根本不使用(在我看来，它只是用于确定将用于上传的 Flash 对象放在哪里)。这可以通过检查输入文件对象中的文件属性来验证，例如在 uploadify 的 onselect 事件或 onopen 事件中(在这两种情况下文件都是 0 大小的数组)。

希望这对您有所帮助!