使用input选择本地图片,并且实现预览功能


1、使用input标签选择本地图片文件

用一个盒子来存放预览的图片

 

2、JS实现预览

  首先添加一个input change事件,再用到 URL.createObjectURL() 方法 用来创建 URL 的 File 对象或者 Blob 对象​

 这时候就能可以选择图片然后在你预备的盒子里看见你选择的图片,图片的路径src是一个blob链接

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM