前端上传图片前的预览

http://www.cnblogs.com/rubylouvre/p/4597344.html

http://it.oyksoft.com/post/974/                          全面点

关键点:1.获取上传的文件的files[0]属性；

          2.通过window.URL||window.webkitURL .creatObjectURL（xx.files[0]）来获取文件的URL;

          3.最后xx.attr('src',);来设置；

兼容性：

• 在Chrome中，window.URL和window.webkitURL都存在
• 在Firefox中，仅Window.URL存在
• 在IE11（Edge），10中仅window.URL存在
• 在IE7、8、9中不存在window.URL
• 在IE中能通过FileObject 的value 属性获取文件全路径
• 在Chrome中无法获取FileObject的全路径，得到的是一个假路径
• 在Firefox中根本获取不到路径，得到的是一个文件名
• 在IE7、8、9中无法获取到FileObject的files属性

转载于:https://www.cnblogs.com/zhangxinxin111/p/5076060.html