3

我正在尝试使用 File API 库（https://github.com/mailru/FileAPI）作为不支持 File API 的浏览器的后备，以便将文件作为数据 URL 读取并将其传递给另一个功能。

我有这个代码：

function handleFileSelect(event) {
    // If supported, use native File API.
    if(window.FileReader != null) {
        console.log('Using native File API.'); // !
        var files = event.target.files;
        for(var i = 0, f; f = files[i]; i++) {
            var reader = new FileReader();
            reader.onload = function(event) {
                insertImage(event.target.result);
            };
            reader.readAsDataURL(f);
         }
    }
// Otherwise, use fallback polyfill for browsers not supporting native API.
else {
    console.log('Using polyfill for File API.'); // !
    var file = FileAPI.getFiles(event.target);
    FileAPI.readAsDataURL(file, function(evt) {
        console.log(evt);
    });
  }
}

但是，console.log(evt) 返回一个报告错误的对象：“filereader_not_support_DataURL”。

我是否对 File API polyfill 做错了什么，或者是否需要使用 shim 或其他 polyfill 才能使数据 URL 正常工作？

谢谢。

——山姆。

4

2 回答 2

1

功能是通过 flash 实现的——感谢 FileAPI 插件的作者。

// bind to your upload container
var el = document.getElementById('uploadElementId');
FileAPI.event.on(el, 'change', function (evt/**Event*/) {
    var files = FileAPI.getFiles(evt);
    // get Data URL for the first file
    FileAPI.readAsDataURL(files[0], function (dataUrlObject) {
        if (dataUrlObject.type == 'load') {
            // Success                    
            var dataUrl = dataUrlObject.result;
        }
    });
});

整个线程在这里：https ://github.com/mailru/FileAPI/issues/153

于 2013-11-22T19:56:17.190 回答
0

我认为错误信息很清楚。您想使用此 polyfill 将文件作为数据 URL 读取，它会告诉您它不支持数据 URL。所以我认为没有其他方法可以做到这一点。

于 2013-06-07T11:34:04.263 回答