0

我正在尝试将图像从我的应用程序上传到服务器，我想使用 ngCordova 文件传输插件，但我对这个插件给你的进度信息不满意，所以我决定使用 Flowjs，但我无法从我拥有的文件 url 创建一个正确的 HTML5 File 对象。这是我的代码

window.resolveLocalFileSystemURL(photo, function(fileEntry){
    fileEntry.file(function(file){
        $scope.flow.addFile(file);
        $scope.flow.upload();
        $scope.flow.on('fileProgress', function (file, chunk){
            console.log(file);
            console.log(chunk);
        });
        $scope.flow.on('error', function(a,b){
            console.log(a);
            console.log(b);
        });
    });
    }, function(err){
        console.log(err);
});

其中 photo 是文件的文件系统的路径。当我尝试上传时收到 400（错误请求）错误，我确信服务器端是正确的，因为我将它与许多其他 Flowjs 应用程序一起使用。我认为 fileEntry.file() 返回的对象不是正确的 HTML5 文件对象，也许从文件 url 创建一个 Blob 可以解决问题，但我不明白如何创建它。在尝试创建 Blob 之前，我想让我的代码正常工作，但如果这是唯一的解决方案，那么......

4

1 回答 1

0

好的，我找到了一个可行的解决方案，不知道它是否是最好的，任何改进都会受到赞赏。

window.resolveLocalFileSystemURL(photo, function(fileEntry){
    fileEntry.file(function(file){
        var reader = new FileReader();
        reader.onload = function(){
            var blob = new Blob([reader.result], {type: 'application/octet-stream'});
            blob.name = 'image.jpg';
            $scope.flow.addFile(blob);
            $scope.flow.upload();
            $scope.flow.on('fileProgress', function (file, chunk){
                console.log(file);
                console.log(chunk);
            });
            $scope.flow.on('error', function(a,b){
                console.log(a);
                console.log(b);
            });
        };
        reader.readAsArrayBuffer(file);
    });
}, function(err){
    console.log(err);
});
于 2015-06-22T13:13:51.517 回答