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;}

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。