今天我們來學(xué)習(xí)一下如何使用jQuery來顯示base64編碼的圖片或視頻。首先,我們需要獲取base64編碼的值并將其傳遞給img或video標(biāo)簽中。
var base64 = "xxxxxxxxxxxxxxxxxx"; // base64編碼字符串 $("#image").attr("src", "data:image/jpeg;base64," + base64); // 顯示圖片 $("#video source").attr("src", "data:video/mp4;base64," + base64); // 顯示視頻
在這段代碼中,我們使用了attr()方法來設(shè)置img或video標(biāo)簽中“src”屬性的值。我們將“data:image/jpeg;base64,”或“data:video/mp4;base64,”添加到base64編碼字符串的開頭,以便瀏覽器正確解析編碼。通過這種方式,我們就可以在頁面中顯示base64編碼的圖片或視頻了。
當(dāng)然,你也可以將這些代碼封裝到一個函數(shù)中,方便以后的調(diào)用:
function displayBase64Image(id, base64) { $("#" + id).attr("src", "data:image/jpeg;base64," + base64); } function displayBase64Video(id, base64) { $("#" + id + " source").attr("src", "data:video/mp4;base64," + base64); }
這樣,你可以在需要顯示base64編碼的圖片或視頻時,更加方便地調(diào)用這些函數(shù)。