javascript - 在 JavaScript 中将 blob 读取为数据 url

Question

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

未捕获的类型错误：对象函数 FileReader() { [native code] } 没有方法“readAsDataURL”

我该如何[object Blob]转向data:image/png;base64,iVBORw...？

Answer 1

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

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