jQuery实现了与浏览器兼容的上传的本地预览功能。

1。图像上传的本地预览

上传功能，最需要在当地实现预览，为了让用户体验到产品的实施效果，需要用几个浏览器兼容，所有通过这个例子插件集成的例子，火狐，谷歌兼容，IE8和其他未测试
复制代码代码如下所示：
（函数（$）{）
JQuery.fn.extend ({
UploadPreview：功能（选择）{
选择= jquery.extend（{
宽度：0，
身高：0，
ImgPreview：空，
ImgType：{GIF
回调函数（）{返回false；}
选择| |）{ } }；

无功_self =这；
_this = $（this）功；
无功imgpreview = $（选择。imgpreview）；
设置样式
自动缩放=函数（）{
ImgPreview.css（{余地：0、边距：0，宽度：opts.width，高度：选择。高度}）；
ImgPreview.show（）；
}
文件按钮启动事件
_this.change（函数（）{（）
如果（这个值）{
如果（！正则表达式（。（+ opts.imgtype.join（|）+）$
警报（图片类型必须是+ opts.imgtype.join（
this.value = ；
返回false；
}
如果（美元。浏览器。MSIE）{ / /法官即
var路径= $（this）。瓦迩（）；
如果（）测试（路径））{
路径= path.slice（1 - 1）；
}
ImgPreview.attr（src
ImgPreview.css（{余地：0、边距：0，宽度：opts.width，高度：选择。高度}）；
setTimeout（自动缩放（）
}
{其他
如果（美元。browser.version＜7）{
ImgPreview.attr（'src '，this.files.item（0）。GetAsDataURL（））；
}
{其他
OFReader = new (FileReader), rFilter (image/bmp|image/cis-cod|image/gif|image/ief|image/jpeg|image/jpeg|image/jpeg|image/pipeg|image/png|image/svg+xml|image/tiff|image/x-cmu-raster|image/x-cmx|image/x-icon|image/x: -portable-anymap|image/x-portable-bitmap|image/x-portable-graymap|image/x-portable-pixmap|image/x-rgb|image/x-xbitmap|image/x-xpixmap|image/x-xwindowdump) = / ^ $/i;
ofreader.onload =功能（ofrevent）{
ImgPreview.attr（'src '，ofrevent。目标。结果）；
}；
var =这Profile文件{ 0 }；
OFReader.readAsDataURL（Profile）；
}
ImgPreview.css（{余地：0、边距：0，宽度：opts.width，高度：选择。高度}）；
setTimeout（自动缩放（）
}
}
Opts.callback（）；
}）；
}
}）；
}（jQuery）；

两。调用方法
复制代码代码如下所示：
函数（）{（）
jQuery（# idfile1）。UploadPreview（{
宽度：100，
身高：100，
imgpreview：# idimg1
ImgType：{BMP
回调函数：函数（）{
（IP1）；
返回false；
}
}）；
）；