uploadPreview图片上传立即显示

 时间:2024-11-03 14:41:21

1、殂翼瑟擀实现原理(几个主流浏览器):就是把被上传图片的二进制内容赋予给img.src属性,并有展示效果。<script>function 事件函数()撑俯擂摔{//获得上传文件域的文件集合信息,通过下标获得单个的file文件对象var logofile = document.getElementById(‘logo’).files[0];//从文件域获得图片信息,并展示给img标签var img = document.getElementById(‘showimg’);//通过logofile 把选中的图片的“二进制内容”获得出来赋予给img.src属性//二进制内容 可以展示图片img.src = window.URL.createObjectURL(logofile )}</script><input type=”file”id=”logo”name=”goods_logo”onchange=”触发js事件”><img id=’showimg’src=””alt=””/>

uploadPreview图片上传立即显示

3、上传图片立即显示选中的logo图片效果:

uploadPreview图片上传立即显示

5、引入js插件文件:

uploadPreview图片上传立即显示

7、首个相册图片选中立即显示代码:

uploadPreview图片上传立即显示
  • 十年后我如何回忆今天作文
  • 新闻内页怎么做上一篇下一篇
  • 早餐苞米面枸杞粥
  • 如何在电脑管家下载Toocle生意通呢?
  • 油菜炒羊头肉
  • 热门搜索
    duck怎么读 元稹怎么读 蜂蜜为什么会结晶 阅读记录卡怎么写 文章为什么放弃姚笛 为什么要端正入党动机 曳怎么读 盅怎么读 感冒为什么会鼻塞 羊肉怎么炖好吃