在 JavaScript 中将 blob 读取为数据 url答案

【问题标题】：Read blob as data url in JavaScript在 JavaScript 中将 blob 读取为数据 url
【发布时间】：2013-02-21 00:04:35
【问题描述】：

我正在从剪贴板功能制作粘贴图像然后我需要将 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 控制台日志显示：

Uncaught TypeError: Object function FileReader() { [native code] } has no method 'readAsDataURL'

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

【问题讨论】：

stackoverflow.com/questions/11850970/…

标签： javascript jquery html clipboard data-uri

【解决方案1】：

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

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

【讨论】：