html 上传图片前预览,HTML实现图片上传前预览

HTML5 Upload

#destination{

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(true,sizingMethod=scale);

}

//处理file input加载的图片文件

$(document).ready(function(e) {

//判断浏览器是否有FileReader接口

if(typeof FileReader =='undefined')

{

$("#destination").css({'background':'none'}).html('亲,您的浏览器还不支持HTML5的FileReader接口,无法使用图片本地预览,请更新浏览器获得最好体验');

//如果浏览器是ie

if($.browser.msie===true)

{

//ie6直接用file input的value值本地预览

if($.browser.version==6)

{

$("#imgUpload").change(function(event){

//ie6下怎么做图片格式判断?

var src = event.target.value;

//var src = document.selection.createRange().text;//选中后 selection对象就产生了 这个对象只适合ie

var img = '