美文网首页
前端 img标签显示 base64格式的 图片

前端 img标签显示 base64格式的 图片

作者: 忍不住的k | 来源:发表于2018-09-06 10:40 被阅读0次

    在做项目的时候,我从后端返回了一个base64格式的图片文件,想把它渲染在前端页面上,找了一下午都没有找到办法,最后终于找到了资料!哈哈!

    解决办法就是这样


    QQ截图20180906103848.png

    后来又找了相关用法,总结如下:

        data:,文本数据
    
        data:text/plain,文本数据
    
        data:text/html,HTML代码
    
        data:text/html;base64,base64编码的HTML代码
    
        data:text/css,CSS代码
    
        data:text/css;base64,base64编码的CSS代码
    
        data:text/javascript,Javascript代码
    
        data:text/javascript;base64,base64编码的Javascript代码
    
        data:image/gif;base64,base64编码的gif图片数据
    
        data:image/png;base64,base64编码的png图片数据
    
        data:image/jpeg;base64,base64编码的jpeg图片数据
    
        data:image/x-icon;base64,base64编码的icon图片数据
    

    但是这种方法不兼容IE6/7,使用时要注意!

    相关文章

      网友评论

          本文标题:前端 img标签显示 base64格式的 图片

          本文链接:https://www.haomeiwen.com/subject/qfwtgftx.html