考虑到用户体验， 网页的图片上传数据库前，先预览是很有必要的一个步骤，第一可以给用户带来安全感，第二防止图片文件有问题而提交到数据库，占用存储资源。
createObjectURL方法对选择的图片数据（可以勉强理解为input的value）生成一个blob对象路径，第二种是用获取 FileReader读取器。
那么无论那种方法，首先都得得到文件数据，获得文件数据是从files集合中获取。
方式一：
代码如下：
rush:js;">
inp.onchange=function(){
var file=this.files[0] // 获取input上传的图片数据;
var img=new Image() ;
url=window.URL.createObjectURL(file) // 得到bolb对象路径，可当成普通的文件路径一样使用，赋值给src;
img.src=url;
//其实也可一句代码搞定，不需要声明那么多变量；img.scr=window.URL.cteateObejectURL(this.files[0]) ;
然后把img添加到页面就实现预览了
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
