从作为blob的图像中获取url数据
Getting urldata from an image as a blob
所以这就是我想做的:
我有一个图像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>
返回一个'undefined'。
我的问题是
我如何从该文件中获取数据url。我对javascript的了解非常有限,关于html5的东西也不多。
我自己弄清楚了,我得到未定义的原因似乎是因为当你调用reader.readAsDataURL(blob)
时图像没有加载。我修改了:
reader.onload = function (event) {
document.write(event.target.result);
};
您只需要对数据进行Base64编码并像这样显示:
<img src="data:image/png;base64,[encoded data]">
http://en.wikipedia.org/wiki/Data_URI_scheme HTML
相关文章:
- Firebase-登录时获取url
- 正在捕获.单击以获取URL
- Javascript获取url并通过添加到其中进行重定向
- 如何使用javascript从同一浏览器下的其他页面获取URL?有可能吗
- 如何从Beautiful Soup获取URL
- 我想从iframe获取url
- 使用Javascript获取URL参数
- 在 Javascript 中获取 URL-Parameter 不适用于 urlencode'&'
- 如何创建一个组件,我可以设置在 Angular 2 中的属性中获取 URL 数据
- 如何使用jQuery获取url的最后两个字符
- 使用jquery获取url参数
- 如何获取url中参数的真实值
- 使用表单和POST方法通过Javascript获取URL参数
- nodejs:在OutgoingMessage中获取url
- PHP-忽略换行符获取url
- 如何在Javascript中获取url的hashtag值和amp值
- 获取URL附加的复选框值
- 如何使用Javascript获取URL参数
- 如何使用Javascript获取URL参数
- 从2组单选按钮中获取url