jquery+显示base64

今天我们来学习一下如何使用jQuery来显示base64编码的图片或视频。首先，我们需要获取base64编码的值并将其传递给img或video标签中。

var base64 = "xxxxxxxxxxxxxxxxxx";
     // base64编码字符串$("#image").attr("src", "data:image/jpeg;
    base64," + base64);
     // 显示图片$("#video source").attr("src", "data:video/mp4;
    base64," + base64);
     // 显示视频

在这段代码中，我们使用了attr()方法来设置img或video标签中“src”属性的值。我们将“data:image/jpeg; base64,”或“data:video/mp4; base64,”添加到base64编码字符串的开头，以便浏览器正确解析编码。通过这种方式，我们就可以在页面中显示base64编码的图片或视频了。

当然，你也可以将这些代码封装到一个函数中，方便以后的调用：

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编码的图片或视频时，更加方便地调用这些函数。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！