1、html 二进制流 (非base64),给图片赋值
var reader = new FileReader();
reader.onload = function (e) {
var img = document.querySelector('#canvas_img');
img.src = e.target.result;
};文章来源地址https://www.toymoban.com/news/detail-420643.html
// data 二进流
reader.readAsDataURL(data);
2、
let canvas_img = document.querySelector('#canvas_img');
let imageType = "image/jpeg" ; //获取图片类型
let blob = new Blob([data] , { type: imageType });
let imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);
canvas_img.setAttribute("src", imageUrl);
canvas_img.onload = function(e) {
window.URL.revokeObjectURL(canvas_img.src); //释放URL.createObjectURL()创建的对象文章来源:https://www.toymoban.com/news/detail-420643.html
};
到了这里,关于html 二进制 blob 给图片赋值的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!