0

基本上以下代码导致了问题：

    var imagecounter = 0;

function stopImageUpload(success, imagefilename){

      var result = '';
      imagecounter++;

      if (success == 1){
         result = '<span class="imagemsg'+imagecounter+'">The file was uploaded successfully</span><br/><br/>';      
         $('.listImage').eq(window.lastUploadImageIndex).append('<div>' + htmlEncode(imagefilename) + '<button type="button" class="deletefileimage" image_file_name="' + imagefilename + '">Remove</button><br/><hr/></div>'); 
      }
      else if (success == 2){
          result = '<span class="imagemsg'+imagecounter+'"> The file upload was canceled</span><br/><br/>';
      }
      else {
         result = '<span class="imagemsg'+imagecounter+'">There was an error during file upload</span><br/><br/>';
      }

      $(sourceImageForm).find('.imagef1_upload_process').css('visibility','hidden');
      $(sourceImageForm).find('.imagef1_cancel').css('visibility','hidden');
//THIS LINE BELOW
      $(sourceImageForm).find('.imagef1_upload_form').html(result + '<label>Image File: <input name="fileImage" class="fileImage" type="file"/></label><br/><br/><label><input type="submit" name="submitImageBtn" class="sbtnimage" value="Upload" /></label><label><input type="button" name="imageClear" class="imageClear" value="Clear File"/></label>');
//THIS LINE ABOVE
      $(sourceImageForm).find('.imagef1_upload_form').css('visibility','visible');

  var _imagecounter = imagecounter;

      return true;   
}

上面的代码取自在成功/错误上传发生后运行的代码。此代码继续覆盖负责上传图像的表单。现在这对于成功来说很好，因为界面为每个图像使用单独的表单......一旦成功，您就不会再次重复使用该表单（因此服务器端不会出现错误以进行后续上传）。

但是，当图像上传错误或取消时，我尝试重新使用该表单再次上传图像？如果是这样，您已经覆盖并删除了 numimage 输入 html：

<input type='hidden' class='numimage' name='numimage' value='" numimage "' />

这意味着我会收到一个错误，因为该字段不再存在。

我的问题是我该如何解决这个问题？我怎样才能解决这个问题，这样我就不会丢失隐藏输入表单中的值并且该字段仍然存在？

以下是上传文件的完整表单（每次用户单击按钮时，每个表单都会附加到表中，因此可能有多个表单，每行一个表单：

  var $fileImage = $("<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target_image' onsubmit='return imageClickHandler(this);' class='imageuploadform' >" + 
    "<p class='imagef1_upload_process' align='center'>Loading...<br/><img src='Images/loader.gif' /><br/></p><p class='imagef1_upload_form' align='center'><br/><label>" + 
    "Image File: <input name='fileImage' type='file' class='fileImage' /></label><br/><br/><label class='imagelbl'>" + 
    "<input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label>" + 
    "<input type='hidden' class='numimage' name='numimage' value='" + numimage + "' />" +
    "</p><p class='imagef1_cancel' align='center'><label>" +
    "<input type='reset' name='imageCancel' class='imageCancel' value='Cancel' /></label>" +
    "</p><p class='listImage' align='left'></p>" +
    "<iframe class='upload_target_image' name='upload_target_image' src='#' style='width:300px;height:300px;border:0px;solid;#fff;'></iframe></form>");     

    $image.append($fileImage);
4

1 回答 1

1

两个最明显的选择是：

  • 替换表单时，在新内容中包含隐藏字段。

  • 不要替换表单，只需将结果放入已经存在的元素中。

在表单中放置一个空元素：

...<p class='imagef1_upload_form' align='center'><br/><span class='msg'></span><label>...

然后将结果放入元素中：

$(sourceImageForm).find('.imagef1_upload_form .msg').html(result);
于 2012-09-25T23:28:01.393 回答