0

我在删除文件时遇到问题。我有一个应用程序 [这里][1]。

要使用该应用程序，请单击“添加”按钮，然后会出现一个包含文件输入的表格行。请使用文件输入上传几个小文件，然后单击“上传”按钮。现在您意识到，当您上传文件时，文件的名称会出现在表格行的下方，并且每个文件名都包含它自己的“删除”按钮。

现在的问题是假设您要删除一个文件名，当您单击“删除”按钮时，它会删除所有不正确的文件名。它应该只删除您要删除的文件名。此外，如果您尝试上传另一个文件，删除文件名后，文件名不会出现在下方。

所以我的问题是我应该这样做的正确方法是什么，以便当用户删除文件名时，它只删除它关联的文件名而不是所有文件名？当用户上传另一个文件时删除文件名后，它应该显示该文件的文件名。

下面是附加文件名、删除按钮和水平线的代码：

<ul class='listImage' align='left'>

下面是javascript代码：

function stopImageUpload(success, imagefilename){

      var result = '';

      if (success == 1){
         result = '<span class="msg">The file was uploaded successfully!</span><br/><br/>';      
         $('.listImage').append(htmlEncode(imagefilename) + '<button type="button" name="deletefileimage" class="deletefileimage">Delete</button><br/><hr/>'); 
      }
      else {
         result = '<span class="emsg">There was an error during file upload!</span><br/><br/>';
      }

            $(".deletefileimage").on("click", function(event) {

        $(this).parents("form:first").find(".listImage").replaceWith("");

    });

      return true;   
}
4

2 回答 2

0

试试这个：

 $(".deletefileimage").on("click", function(event) {
        $(this).closest(".listImage").remove();
    });
于 2012-04-30T21:56:35.040 回答
0

您应该做的是将每个文件/删除按钮包装在他们自己的 div 中，并在用户按下删除时删除该 div。

$('.listImage').append('<div>' + htmlEncode(imagefilename) + '<button type="button" name="deletefileimage" class="deletefileimage">Delete</button><br/><hr/><div>');


并且在点击事件中

$(this).parent().remove();
于 2012-04-30T21:59:45.793 回答