C#中的FileUpload 选择后的预览效果具体实现

  C#中的FileUpload 选择后的预览效果

  实现方法:

  HTML:

  

复制代码 代码如下:

  <asp:FileUpload ID="fupTmpPic" runat="server" onchange="onFileChange(this);" />

  <asp:Image ID="imgDimensionalPic" runat="server" />

  JS:

  

复制代码 代码如下:

  <script type="text/javascript">

  function onFileChange(sender) {

  document.getElementById("imgDimensionalPic").src = window.URL.createObjectURL(sender.files[0]);

  }

  </script>

  例:

C#中的FileUpload 选择后的预览效果具体实现