文件阅读器读取Blob文件

时间:2019-07-24 22:43:59

标签: javascript blob filereader

我正在尝试使用FileReader访问位于本地的blob文件(例如c驱动器),然后将其转换回img src的对象URL。它不起作用,有人可以帮忙吗?

从未发现任何人试图从磁盘访问blob文件。什么是blob文件类型扩展名?

const imageOut = document.querySelector('#image-out');

    imageOut.addEventListener('load', () => {
        const reader = new FileReader();

        reader.addEventListener('load', () => {

            var f = File.createFromFileName("file:///C:/blob.blb"); 

              const arrayBuffer = reader.readAsArrayBuffer(f);

            const blob = new Blob([arrayBuffer], { type: mimeType });

            imageOut.src = URL.createObjectURL(blob);

        });
    });

空,不显示

1 个答案:

答案 0 :(得分:0)

检查一下blob here的使用方法,这一点已经得到了清楚的说明,并且足以让您开始使用。

尝试一下: 假设file:///C:/blob.blb存在并且您确定,那么就可以这样做:

    imageOut.addEventListener('load', () => {
        const reader = new FileReader();
        var f = File.createFromFileName("file:///C:/blob.blb");
        reader.addEventListener('load', (e) => {
              const arrayBuffer = reader.readAsArrayBuffer(f);

            global.blob = new Blob([arrayBuffer], { type: f.type});

        });
// notice this is outside the reader Load.

var intval = setInterval(function(){
      if(blob !== undefined){
         imageOut.src = URL.createObjectURL(blob);  
         clearInterval(intval);
      }
     }, 100);

    });

希望对您有帮助。