javascript - 从图像中获取 urldata 作为 blob

Question

这就是我想要做的:

我有一个图像 blob，我需要将其转换为图像数据 url。

所以这是我的问题:

<script> 
 document.body.onpaste = function(e) {
var items = e.clipboardData.items;
for (var i = 0; i < items.length; ++i) {
  if (items[i].kind == 'file' && items[i].type == 'image/png') {
    var blob = items[i].getAsFile();
    var reader = new FileReader();
    document.write(reader.readAsDataURL(blob));
  }
}
 };
</script>

这将返回一个“未定义”。

所以我的问题是

我如何从该文件中获取数据 url。 我对 javascript 的了解非常有限，关于 html5 的东西没有太多可继续的。

非常感谢任何帮助。

Answer 1

我自己弄清楚了，我变得未定义的原因似乎是因为当您调用 reader.readAsDataURL(blob) 时图像没有加载。我用以下方法解决了这个问题:

reader.onload = function (event) {
  document.write(event.target.result);
};