Phonegap filewriter只写blob元数据......?

时间:2013-08-01 08:04:48

标签: cordova blob filewriter

关于phonegap上的FileWriter的奇怪问题(2.8.1)。每当我尝试使用filewriter编写文件时,都会创建一个文件,但文件中的唯一内容是一行{" type":" application / pdf",&# 34;大小":235577}。 与任何文件相同 - 类型和大小不同,但这是唯一写入文件的内容。

我使用Chrome版本28运行相同的代码)并且它工作正常,但使用Blob而不是WebKitBlobBuilder。所以我下载了一个使用WebKitBlobBuilder的旧版Chromium(版本20),并且工作正常。

要检查我是否做了一些奇怪的事情,我在尝试编写之前使用FileReader转储文件的内容(使用readAsDataURL) - 内容看起来很好。

所以...?

代码如下:

function convert2blob(bin, type){
    // takes a BINARY or a BLOB input and returns a blob
    var blob;
    if (bin.size? true: false) {    
        console.log("its a blob already"); // do nothing??     Line 3494
        blob = bin;
    } else {
        var arr = new Uint8Array(bin.length);
        for (var i = 0; i < length; i++) {
            arr[i] = bin.charCodeAt(i)  & 0xff;
        }
        var bl = new window.BlobBuilder();
        bl.append(arr.buffer);
        blob = bl.getBlob(type);
    }
    return blob;
}


    blob = convert2blob(resx, attinfo.contenttype);
    console.log(blob.size);                             // Line 3543
    // just to verify the contents of the blob
    // tested with fileReader - contents are valid
    /* // just to check the file contents
    var rdr = new FileReader();
        rdr.onloadend = function(evt){
            console.log(evt.target.result.slice(0,128));
        };
    rdr.readAsDataURL(blob);
    */
    // its a blob - that's what we decided
    global.tmpFilesystem.root.getFile(attinfo.name, { create: true }, function (fileEntry) {
        console.log(fileEntry);
        fileEntry.createWriter(function (fileWriter) {
            console.log(fileWriter);
            fileWriter.onwriteend = function (e) {
                console.log(e.error);                   // Line 3582
                console.log("finished writing");        // Line 3583
                console.log(e.target.length);           // Line 3584
                runpopup(selectorid, fileEntry.toURL());
            };
            fileWriter.onerror = function(e) {
                console.log(e);
            };
            fileWriter.write(blob);
        }, function(e) {
            console.log(e);
        });
    }, function(e) {
        console.log(JSON.stringify(e));
    });

Logcat输出如下:

I/Web Console(19696): {"encoding":null,"name":"005.jpg","fullPath":"005.jpg","contenttype":"image/jpeg"}:3521
I/Web Console(19696): /9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEB:5236
I/Web Console(19696): 516857:5240
I/Web Console(19696): using WebKitBlobBuilder:5246
I/Web Console(19696): 516857:5250
// above few lines are after fetching from Websql DB

I/Web Console(19696): [object Blob]:3541
I/Web Console(19696): its a blob already:3494
I/Web Console(19696): 516857:3543
I/Web Console(19696): [object Object]:3560
I/Web Console(19696): [object Object]:3580
I/Web Console(19696): undefined:3582
I/Web Console(19696): finished writing:3583
I/Web Console(19696): 36:3584

更新了浏览器输出============ Chromium 20的可比输出:

{"encoding":null,"fullPath":"closed-padlock.png","name":"closed-padlock.png","doc_id":"FE261266-B04C-48F3-8557-7FCF160E7F9F","contenttype":"image/png"}  - :3521
iVBORw0KGgoAAAANSUhEUgAAAS4AAAHXCAYAAAAC3beSAAAABmJLR0QA/wD/AP+gvaeTAAAXWElEQVR4nO3debDVdf3H8de9XJZAsACX1CwNwWVSGhfck2LMTEzDpazB  - :5236
6051  - :5240
using WebKitBlobBuilder  - :5246
6051  - :5250
Blob - :3541
its a blob already  - :3494
6051  - :3543
FileEntry - :3560
FileWriter - :3580
undefined  - :3582
finished writing  - :3583
6051  - :3584
filesystem:file:///temporary/closed-padlock.png 

1 个答案:

答案 0 :(得分:2)

所以,代码是相同的 - 唯一的区别是我今天下午从2.8.1升级到3.0.0(通过,2.7,2.8和2.9 - 同时试图隔离问题)并且FileWriter问题已经消失。文件正确写入。 Simon's guide是一个很大的帮助,让插件转换 - 我仍然有一个插件问题,但这不是一个大问题 - 应该能够很快得到它(我认为)。事实证明,它毕竟不是一个插件问题,一切都很好。

BTW - 对于那些不知道的人来说,查看cordova.js文件非常有启发性 - 发现其中已经集成了base64编解码器 - 希望它与CouchDB编解码器兼容......