0

以下は、削除メッセージ ' ' を表示するコードです$(".imagemsg" + counter).html(data);。ただし、ファイルが削除された後に削除メッセージが表示されるのは 2 行目のみです。これは正しくありません。ファイルが削除された行にのみ表示されるはずです。

たとえば、3 行目からファイルが削除された場合は 3 行目にメッセージが表示され、6 行目からファイルが削除された場合は 6 行目に削除メッセージが表示されるはずです。ファイルが削除されると、2 行目にのみ削除メッセージが表示されます。

   var counter = 0;

function stopImageUpload(success, imagefilename){

      var result = '';
      counter++;

      if (success == 1){
         result = '<span class="imagemsg'+counter+'">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 {
         result = '<span class="imageemsg">There was an error during file upload!</span><br/><br/>';
      }


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

         var image_file_name = $(this).attr('image_file_name');

    jQuery.ajax("deleteimage.php?imagefilename=" + image_file_name)
      .done(function(data) {
        $(".imagemsg" + counter).html(data);
       });

       $(this).parent().remove();

    });

      return true;   
}

ここで、result 変数は imageupload.php で呼び出されます。

折り返し電話：

  <script language="javascript" type="text/javascript">window.top.stopImageUpload(<?php echo $result ? 'true' : 'false'; ?>, '<?php echo $_FILES['fileImage']['name'] ?>');</script>
4

1 に答える 1

0

このアプローチは全体的に理想的ではありません。より良いアプローチは、おそらくそれらすべてに同じクラスを与えてからparent、find、childrenなどを使用して適切な要素を見つけることです。

ただし、コードを大幅にオーバーホールすることなく、これで修正できると思います。

var _counter = counter;

$('.listImage').eq(window.lastUploadImageIndex).find(".deletefileimage").on("click", function(event) {
    var image_file_name = $(this).attr('image_file_name');

    jQuery.ajax("deleteimage.php?imagefilename=" + image_file_name)
        .done(function(data) {

        $(".imagemsg" + _counter).html(data);
    });

    $(this).parent().remove();
});

基本的に、クリック ハンドラーは適​​切なボタンにのみ関連付けられ、適切なcounter値が使用されます。

于 2012-05-04T21:51:27.567 に答える