上传图像预览功能，预览图片大小控制问题，大家帮帮忙

Question

这是js部分  function PreviewImg(imgFile) {
   var newPreview = document.getElementById("newPreview");
    
  newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader";
   newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
   newPreview.style.width = "102px";
   newPreview.style.height = "102px";     
   
}这是.aspx部分   <asp:FileUpload ID="FileUpload1" runat="server" Width="70%" onchange="PreviewImg(this)" />
   <div id="newPreview" style="width: 102px; height: 102px;" >
   </div>预览图片显示的大小是图片的原大小，我想让它显示 102*102大小的，我该怎么办呢？

Answer 1

直接定义显示的image控件的width 和 height

Answer 2

function PreviewImg(imgFile) {
    var newPreview = document.getElementById("newPreview");
    var ImgProduct = document.getElementById("ImgProduct");    newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader";
    newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
    newPreview.style.width = "102px";
    newPreview.style.height = "102px";
    ImgProduct.style.visibility = "hidden";
  
    
  
}
    <asp:FileUpload ID="FileUpload1" runat="server" Width="70%" onchange="PreviewImg(this)" />
                                 <div id="newPreview" style="width: 102px; height: 102px;" >
                                 <asp:Image ID="ImgProduct" runat="server" visible="false" Width="102px" Height="102px" />
                                  </div>这样也不行啊

Answer 3

<asp:Image ID="Image1" runat="server" Width="155" Height="110" Style="border: solid 1px #454545;" />
<asp:FileUpload ID="FileUpload1" runat="server" /> Image1.ImageUrl =上传后的文件名