上传图片的本地预览

上传图片的本地预览

<input type="file" id='uploadImg'><img src="" alt="" class="imgShow">

//上传图片本地预览        $('#uploadImg').on('change',function(){            var file = $(this)            var fileObj = file[0];  //获取当前元素            var dataURL;            var windowURL = window.URL;            if(fileObj.files[0]){                dataURL = windowURL.createObjectURL(fileObj.files[0])   //创建一个新的对象URL,该对象URL可以代表某一个指定的File对象或Blob对象.                $('.imgShow').attr('src',dataURL);            }            else{                dataURL = file.val();                console.log(dataURL)                $('.imgShow').style.filter = 'progid:DXImageTransform.Micsoft.AlphaImageLoader(sizingMethod = scale)'                $('.imgShow').filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = dataURL;            }            $.ajaxFileUpload({             url:"",             fileElementId: "uploadImg",             dataType: "string",             success: function(data) {                 //图片路径                 $('.imgShow').attr("src",data);             }         });        })