Vb.net fileupload使用javascript的预览图像

我想上传使用fileupload的图像和提交前预览选定的图像，但它只能在firefox和IE6中工作。我想在IE 7 8和Chrome的工作，也应该工作在FirefoxVb.net fileupload使用javascript的预览图像

<style type="text/css"> 
#newPreview 
{ 
    filter: progidXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); 
    width: 136px; 
    height: 134px; 
    margin-left: 1px; 
} 
</style> 

<script language="javascript" type="text/javascript"> 
function PreviewImg(imgFile) { 
    var newPreview = document.getElementById("newPreview"); 
    var src; 
    if (document.all) { 
     newPreview.innerHTML = "<img src=\"file:///" + imgFile.value + "\" width=\"130px\">"; 
    } 
    else { 
     newPreview.innerHTML = "<img src=\"" + imgFile.files.item(0).getAsDataURL() + "\" width=\"130px\">"; 
    } 
}

<form id="form1" runat="Server" method="post" enctype="multipart/form-data"> 
     <div id="newPreview"> 
     <asp:FileUpload ID="file" runat="server" size="20" Width="129px" 
      onchange="PreviewImg(this)"/>

来源

2013-04-11 ToTo Lam

试试这个：http://forums.asp.net/t/1740831.aspx/1?Preview + Image + before + upload +和http://www.asp.net/web-pages/tutorials/files,-images,-and-media/9-working-with-images – Pandian 2013-04-11 12:47:47

如果你使用MVC，你可以试试[这个]（HTTP：// stackoverf low.com/questions/9092723/preview-image-before-uploading-file）方法... – 2015-03-13 14:07:53

尝试像下面..它在Firefox和Chrome

工作

它会帮助你...

CSS：

<style> 
#imgPreview 
{ 
filter: progidXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); 
width: 136px; 
height: 134px; 
margin-left: 1px; 
} 
</style>

脚本：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
     function PreviewImg(input) { 
      if (input.files && input.files[0]) { 
       var reader = new FileReader(); 

       reader.onload = function (e) { 
        $('#imgPreview').attr('src', e.target.result); 
       } 

       reader.readAsDataURL(input.files[0]); 
      } 
     } 
</script>

HTML：

<asp:FileUpload ID="file" runat="server" size="20" Width="258px" 
      onchange="PreviewImg(this)"/> 
      <img id="imgPreview" src="#"/>

来源

2013-04-11 12:26:55 Pandian

谢谢你的帮助，但它仍然不起作用！ – 2013-04-11 12:49:55

Vb.net fileupload使用javascript的预览图像

回答

相关问题