js图片上传前预览功能（兼容所有浏览器）

网上找到的一份文件上传前预览的代码,转自Javascript 图片的上传前预览（兼容所有浏览器）

 
 
 #preview,
 .img,
 img {
  width: 200px;
  height: 200px;
 }
 
 #preview {
  border: 1px solid #000;
 }
 



 
 
 

实现要点

● 对于 Chrome、Firefox、IE10 使用 FileReader 来实现。 
● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 来实现。
测试了一下IE8+都没有问题。但是IE7下file.value被浏览器去掉了文件路径分割线从而显示不出来 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。