在JavaScript中将blob作为数据URL读取

时间:2013-03-06 09:18:21

标签: javascript jquery html5 clipboard data-uri

我正在从剪贴板功能制作粘贴图像 然后我需要将blob数据转换为base64编码数据url, 这是代码:

function handlepaste (event, e) { 
    var items = e.clipboardData.items;
    event.innerHTML = items[0].getAsFile();
    FileReader.readAsDataURL( event.innerHTML );

   if (event.childNodes && event.childNodes.length > 0) {
   $('body').append( event.innerHTML );
   }
    if (e.preventDefault) {
            e.stopPropagation();
            e.preventDefault();
    }
    return false;
}

但代码不适合我,Chrome控制台日志说:

  

未捕获TypeError:对象函数FileReader(){[native code]}没有方法'readAsDataURL'

如何将[object Blob]转为data:image/png;base64,iVBORw...

1 个答案:

答案 0 :(得分:3)

我认为您没有正确实例化FileReader:var file_reader = new FileReader();

然后使用file_reader.readAsDataURL(...)