美文网首页
javascript为img标签设置图片

javascript为img标签设置图片

作者: 吐痰高手 | 来源:发表于2017-11-08 22:29 被阅读17次

为img标签设置图片

  1. 如果已经有图片的二进制数据
var content = 图片数据;
var data = "data:image/png;base64,"+content;
var img = document.getElementById(imgid); //得到img对象
img.src = data; //设置图片
  1. 如果是浏览器本地的文件,如果文件是input标签的上传的
var inputbiaoqian = document.getElementById(inputid);
var img = document.getElementById(imgid);
img.src = window.URL.createObjectURL(inputbiaoqian.files[0]);

相关文章

  • javascript为img标签设置图片

    为img标签设置图片 如果已经有图片的二进制数据 如果是浏览器本地的文件,如果文件是input标签的上传的

  • 如何将图片清楚的转化(就是不同移动端图片都一样的清晰)

    不要将图片写成img标签,把图片作为背景插入(background),background-size设置为100%就行了

  • 前端

    img使用img标签来向网页中引入一个外部图片img标签也是一个自结束标签属性:src:设置一个外部图片的路径al...

  • img问题

    让图片完全显示: 1、使用img标签,设置CSS样式 img{width: 100%;height:100%;} ...

  • 图片懒加载原理及实现

    原理: 先将img标签的src链接设为同一张图片(比如空白图片),然后给img标签设置自定义属性(比如 data-...

  • 图片懒加载实现

    先将img标签的src链接设为同一张图片(比如空白图片),然后给img标签设置自定义属性(比如 data-src)...

  • 通用型漏洞-- xss大全

    (1)普通的XSS JavaScript注入 (2)IMG标签XSS使用JavaScript命令 (3)IMG标签...

  • img标签设置默认图片

    有时需要给图片设置默认图,比如用户头像,默认商品图等。img的alt属性只是给图片设置未加载时的文字提示信息。这时...

  • img标签设置默认图片

    为了美观当网页图片不存在时不显示叉叉图片 当在页面显示的时候,万一图片被移动了位置或者丢失的话,将会在页面显示一个...

  • img 标签 设置默认图片

    ![](要显示的图片.jpg) 前提说明:当src='要显示的图片.jpg'不存在时,将触发 onerror,而 ...

网友评论

      本文标题:javascript为img标签设置图片

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