如何从blob:chrome-extension中获取blob数据？

Question

我正在尝试在image.src中使用它。

"blob:chrome-extension://enjilmhmplefekkpbciadkljojpakhmd/cb5a1692-5194-4a3d-afd4-85b27445de94“

它是从我正在使用的js库中检索到的，该库加载了一个包含二进制数据的本地文件。但是，我需要获取blob数据以将其转换为dataurl (我认为)。

如何使用javascript获取blob数据？(如果重要的话，我也在使用nw.js )

Answer 1

如果您使用的是NW.js，并且存在实际的文件，则只需使用Node.js文件系统模块。

<img id="cat">
<script>
  const fs = window.nw.require('fs');
  const path = window.nw.require('path');

  function getImageURI (imagePath) {
    try {
      const imageData = fs.readFileSync(imagePath);
      return 'data:image/png;base64,' + imageData.toString('base64');
    } catch (error) {
      console.log('Error reading image', error);
    }
  }

  const catImage = path.join('.', 'some-folder', 'cat.png');
  const catURI = getImageURI(catImage);
  const cat = document.getElementById('cat');
  cat.src = catURI;
</script>