ImageUpload上传两次（使用AsyncFileUpload和AjaxControlToolkit）

Question

我正在使用AsyncFileUpload（AjaxControlToolkit）在控件中上传图像。问题是上传功能（AsyncFileUpload1_UploadedComplete）在按钮点击和页面加载上运行，因此它会上传相同的图像两次。

代码如下所示：

前：

<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" %>
  <script type="text/javascript">
    function uploadComplete(sender, args) {
      var pathForUploadedImage = $('#uploadedHiddenField').val();
      $get("uploadImageImg").src = $('#uploadedHiddenField').val();
      $(".uploadImage").fadeIn(100);
    }
  </script>
  <asp:Image id="uploadImageImg" class="uploadImage" alt="" runat="server" ClientIDMode="Static" />
    <div id="uploadedImageDiv"></div>
    <asp:Image ID="loader" runat="server" ImageUrl="~/library/images/loading.gif" Style="display: None" />
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" />
    <asp:AsyncFileUpload ID="AsyncFileUpload1" runat="server" ClientIDMode="Static" CssClass="asyncFileUpload" OnClientUploadComplete="uploadComplete" OnUploadedComplete="AsyncFileUpload1_UploadedComplete" CompleteBackColor="white" Width="65" />
    <asp:HiddenField ID="uploadedHiddenField" ClientIDMode="Static"  runat="server"/>

然后回来：

protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e) {
  try {
    Styling.SetupStyles();
    string virualFolder = "";
    if (string.IsNullOrEmpty(UploadDirectory)) {
      virualFolder = "/" + Styling.GetStyleValue("customNewsImagesFolder", "") + "/";
    } else {
      virualFolder = "/" + Styling.GetStyleValue(UploadDirectory, "") + "/";
    }
    string fileExtension = Path.GetExtension(e.FileName);
    int fileSize = Convert.ToInt32(e.FileSize);
    string physicalFolder = Server.MapPath(virualFolder);
    string randomFileName = System.IO.Path.GetRandomFileName().Replace(".", "");
    bool isUnique = true;
    DirectoryInfo dir = new DirectoryInfo(MapPath(virualFolder));
    FileInfo[] files = dir.GetFiles();
    foreach (FileInfo myFile in files) {
      if (myFile.Name == randomFileName) {
        isUnique = false;
      }
    }
    IsAllowedFileExtension(fileExtension);
    bool error = false;
    if (!isUnique) {
      error = true;
    ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "tmp", "<script type='text/javascript'>alert('En fil med detta namn finns redan, var vänlig och döp om din fil');</script>", false);
    } else if (!IsAllowedMaxFileSize(fileSize)) {
      error = true;
      ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "tmp", "<script type='text/javascript'>alert('Filen är för stor, vänligen försök igen med en fil som är mindre än 2 MB');</script>", false);
    } else if (!IsAllowedFileExtension(fileExtension)) {
      error = true;
      ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "tmp", "<script type='text/javascript'>alert('Felaktigt filformat, vänligen försök igen med en fil av följande typ: .jpg .jpeg .png .gif');</script>", false);
    }
    if (!error) {
      AsyncFileUpload1.SaveAs(physicalFolder + randomFileName + fileExtension);
      string thePath = (virualFolder + randomFileName + fileExtension).Replace("\\", "/");
      ScriptManager.RegisterClientScriptBlock(this, this.GetType(), Guid.NewGuid().ToString(), "top.$get(\"" + uploadedHiddenField.ClientID + "\").value = '" + thePath + "';", true);
    }
  }
  catch (Exception ex) {
    erLog.LogException(ex, System.Reflection.MethodBase.GetCurrentMethod().Name);
  }
}
private bool IsAllowedFileExtension(string fileExtension) {
  bool valid = false;
  if (fileExtension.ToLower() == ".jpg" || fileExtension.ToLower() == ".jpeg" || fileExtension.ToLower() == ".gif" || fileExtension.ToLower() == ".png")
    valid = true;
  return valid;
}
private bool IsAllowedMaxFileSize(int fileSize) {
  bool valid = false;
  if (fileSize < 2100000)
    valid = true;
  return valid;
}