`
收藏列表
标题 标签 来源
jquery实现上传图片预览,可兼容大部分浏览器 jquery, 图片处理 jquery实现上传图片预览,可兼容大部分浏览器
<script language="javascript" src="jquery-1.8.0.min.js"></script>
function readURL(input){ 
if (input.files && input.files[0]){
    var reader = new FileReader();  
    reader.onload = function(e){ $('#img_prev').attr('src', e.target.result).width(150).height(200); }; 
    reader.readAsDataURL(input.files[0]); 
}else{
    //IE下,使用滤镜
    var docObj=document.getElementById('doc'); docObj.select();
    var imgSrc = document.selection.createRange().text;
    var localImagId = document.getElementById("localImag");
    $('#localImag').width(150).height(200); //必须设置初始大小
    //图片异常的捕捉,防止用户修改后缀来伪造图片
    try{
    localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
    }catch(e){
    alert("您上传的图片格式不正确,请重新选择!"); return false;
    }
    $('#img_prev').hide();
    document.selection.empty();
}
}
 
<input type='file' id="doc" onchange="readURL(this);" /> 
<div id="localImag"><img id="img_prev" src="" alt="your image" /></div>
Global site tag (gtag.js) - Google Analytics