炎炎設計
2019-11-14 09:11:12
我正在從數(shù)據(jù)庫中檢索Blob圖像,并且希望能夠使用JavaScript查看該圖像。以下代碼在頁面上產(chǎn)生一個損壞的圖像圖標:var image = document.createElement('image'); image.src = 'data:image/bmp;base64,'+Base64.encode(blob); document.body.appendChild(image);這是一個jsFiddle,其中包含所有必需的代碼,包括blob。完成的代碼應正確顯示圖像。
3 回答

UYOU
TA貢獻1878條經(jīng)驗 獲得超4個贊
您也可以直接從XMLHttpRequest獲取BLOB對象。將responseType設置為blob可以解決問題。這是我的代碼:
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://localhost/image.jpg");
xhr.responseType = "blob";
xhr.onload = response;
xhr.send();
響應函數(shù)如下所示:
function response(e) {
var urlCreator = window.URL || window.webkitURL;
var imageUrl = urlCreator.createObjectURL(this.response);
document.querySelector("#image").src = imageUrl;
}
我們只需要在HTML中創(chuàng)建一個空的圖像元素:
<img id="image"/>
添加回答
舉報
0/150
提交
取消