Chrome扩展程序Blob数据问题

时间:2013-03-19 21:31:29

标签: javascript google-chrome-extension html5-canvas blob

我正在尝试从Chrome扩展程序中的画布图像创建blob,但是当我尝试使用Blob创建Blob时,我收到错误“未捕获TypeError:对象不是函数”任何方法!

var blob = new Blob();
var blob = new Blob(['body { color: red; }'], {type: 'text/css'});

是两个因上述错误而失败的示例。我实际上是在尝试将DataURL转换为blob,因此我使用的代码(也失败了)是......

function dataURItoBlob(dataURI) {
    'use strict'
    var byteString, 
        mimestring 

    if(dataURI.split(',')[0].indexOf('base64') !== -1 ) {
        byteString = atob(dataURI.split(',')[1])
    } else {
        byteString = decodeURI(dataURI.split(',')[1])
    }

    mimestring = dataURI.split(',')[0].split(':')[1].split(';')[0]

    var content = new Array();
    for (var i = 0; i < byteString.length; i++) {
        content[i] = byteString.charCodeAt(i)
    }

    return new Blob([new Uint8Array(content)], {type: mimestring});
}

我假设Chrome不支持新blob ??

1 个答案:

答案 0 :(得分:1)

问题在于创建Blob的调用是从JS文件完成的,正确的位置是后台JavaScript文件。通过移动方法将blob创建到后台文件中,我可以使用它。