image即时上传
function preview_upload(input, img_div_id){ var img_id = img_div_id.replace("itempic_previewDiv", "itempic_preview") var width_str = "120px" var height_str = "120px" previewPic(input, img_div_id, img_id, width_str, height_str); } function previewPic(input, img_div_id, img_id, width_str, height_str) { //$("#localImag").html(‘<img id="img_prev" src="#" /><img src="/assets/touming.png"/>‘); if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $("#" + img_id).attr(‘src‘, e.target.result); }; reader.readAsDataURL(input.files[0]); }else{ // var imgObjPreview=document.getElementById("img_prev"); var imgObjPreview=document.getElementById(img_id); //IE下,使用滤镜 input.select(); var imgSrc = document.selection.createRange().text; // var localImagId = document.getElementById("localImag"); var localImagId = document.getElementById(img_div_id); //必须设置初始大小 localImagId.style.width = width_str; localImagId.style.height = height_str; //图片异常的捕捉,防止用户修改后缀来伪造图片 try{ localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; }catch(e){ alert("您上传的图片格式不正确,请重新选择!"); return false; } imgObjPreview.style.display = ‘none‘; document.selection.empty(); } return true; }
html部分
<div class="by_jsq_top">
<div class="by_jsq_top_img" id="itempic_previewDiv"><img src="images/69.png" id="itempic_preview"></div>
<input type="file" name="user[logo]" class="file5" onchange="preview_upload(this, ‘itempic_previewDiv‘)">
</div>
css部分
.file5{position: absolute; top: 80px; left: 50%; width: 40px; height: 40px; margin-left: -20px; opacity: 0;}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。