本篇文章主要介绍了"浏览器图片选择预览、旋转、批量上传的JS代码实现"，主要涉及到js代码,浏览器方面的内容，对于Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下：
工作中遇到的业务场景，和同事一起研究了下，主要是为了兼容IE版本其实就是一些琐碎的知识点在网上搜集下解决方式，然后集成了下，主要有以下点： 1. IE inpu...
工作中遇到的业务场景，和同事一起研究了下，主要是为了兼容IE版本
其实就是一些琐碎的知识点在网上搜集下解决方式，然后集成了下，主要有以下点：
1. IE input type=file的图片预览要用IE的filter css
progid:DXImageTransform.Microsoft.AlphaImageLoader
chrome/firefox则用File api的file reader
2. 图片旋转，IE用progid:DXImageTransform.Microsoft.Matrix的filter（filter可以组合用，用空格隔开）
chrome/firefox用canvas
3. 上传图片，我用的都是不可见的iframe 里的form动态的添加input[type=file]去实现。chrome/firefox可以用xhr，但我懒得去修改了
4. 其中为了实现上传图片不刷新本页面，又能反复选择文件，所以还用一个iframe专门维护一个input[type=file]的列表，比较偷巧。
可以参考下代码，主要是一个主html，然后两个iframe的html，上传的服务端返回的数据为上传成功的file name，用于删除预览图。
复制代码 代码如下:
// 上传回调
// resultList -> ['file1', 'file2'] 为上传成功的file name
var uploadCallback = function(resultList){
console.log(JSON.stringify(resultList));
var i = 0;
for(; i < resultList.length; i++){
var index = resultList[i].substr('file'.length);
$(':checkbox[value=' + index + ']').parent().parent().remove();
}
};
