如何刪除預覽圖像只有一個之前上傳在asp.net c＃

此代碼是預覽圖像，我想刪除預覽圖像之前，許多和其餘的圖像仍然存在之前上傳。如何刪除預覽圖像只有一個之前上傳在asp.net c＃

<script src="//code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    function ShowImagePreview(input) { 
     if (input.files && input.files.length > 0) { 
      for (var i = 0 ; i < input.files.length; i++) { 
       var reader = new FileReader(); 
       reader.onload = function (e) { 
        $('#imgViewer').append($('<img>', { src: e.target.result, width: '50px', height: '50' })); 

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

來源

2017-03-15 Nitika Chopra

我想刪除一個特定的圖像不是所有的圖像刪除@Mohit庫馬爾 –

我用按鈕刪除圖像@Mohit庫馬爾 –

其實，我不明白我把按鈕刪除圖像。所以，請幫助我。 –

而不是使用你的代碼這樣做，有一個替代你想要的。您只需要在 JQuery MultiFile的幫助下完成，下載它並在要上傳文件的頁面上參考，您需要一次選擇一個文件，然後在上傳之前可以瀏覽多個文件並取消任何文件想。完整的代碼會是這樣：

多選的jQuery參考：

<script src="Scripts/jquery.MultiFile.js"></script>

.aspx代碼：

<asp:FileUpload ID="FileUpload1" runat="server" class="multi" /> 
<br /> 
<asp:Button ID="Upload" runat="server" Text="Upload Images" 
     onclick="Upload_Click"/>

.cs代碼：

protected void Upload_Click(object sender, EventArgs e) 
    { 
     HttpFileCollection hfc = Request.Files; 
     for (int i = 0; i < hfc.Count; i++) 
     { 
     HttpPostedFile hpf = hfc[i]; 
     if (hpf.ContentLength > 0) 
     { 
      hpf.SaveAs(Server.MapPath("MyFiles") + "\\" + 
      System.IO.Path.GetFileName(hpf.FileName)); 
      Response.Write("<b>File: </b>" + hpf.FileName + " <b>Size:</b> " + 
          hpf.ContentLength + " <b>Type:</b> " + hpf.ContentType + " Uploaded Successfully <br/>"); 
     } 
    } 
    }

這是一個經過測試的代碼，它可以很好地解決您的問題。

希望它有幫助！

來源

2017-03-15 10:08:24

我想在上傳之前從多個圖像中移除一個圖像。我給了一個選項，讓用戶在上傳所有圖像之前刪除圖像 –

您的意思是，用戶選擇多個圖像，如果用戶願意，他可以刪除一個或多個圖像，對吧？ –

是@M Adeel Khalid –

如何刪除預覽圖像只有一個之前上傳在asp.net c＃

回答

相關問題