1、html 二進制流 （非base64），給圖片賦值
? ? ? ? ? ? var reader = new FileReader();
? ? ? ? ? ? reader.onload = function (e) {
? ? ? ? ? ? ? var img = document.querySelector('#canvas_img');
? ? ? ? ? ? ? img.src = e.target.result;
? ? ? ? ? ? };文章來源地址http://www.zghlxwxcb.cn/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()創(chuàng)建的對象文章來源：http://www.zghlxwxcb.cn/news/detail-420643.html
? ? ? ? ? ? };
到了這里，關(guān)于html 二進制 blob 給圖片賦值的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
