Question

我不太了解jQuery和Javascript，但我知道可以用它来实现。我可以预览和删除所选图像，然后单击提交按钮进行上传（例如：facebook上显示带图像的状态上传）。我只是希望当用户在点击<input type="file" name="images[]" multiple="multiple">时选择单个或多个图像时，我想要使用＆＃39; X＆＃39;来预览图像。所有图像右上角的按钮，点击后关闭预览，从选定列表中删除实际图像以防止上传。我从某人那里听说我需要从选定的列表中删除一些选定的图像，但正如我所说，我在jquery和javascript中不是很好。

我在下面有这个代码，它可以预览所选图像，并在点击X＆＃39;时删除预览。但它只删除预览而不是列表中的实际图像。 我还要删除列表中的实际图片，这实际上是我面临的主要问题。代码到现在为止：

$(document).ready(function(){
     $("#file-5").on('change',function() {
     var fileList = this.files;
     for(var i = 0; i < fileList.length; i++){
          var t = window.URL || window.webkitURL;
          var objectUrl = t.createObjectURL(fileList[i]);
          $('.removeimg').fadeIn();
          $('#imgs').append('<span class="img_'+i+'" onclick="del('+i+')" style="cursor:pointer; margin-right: 3px;"><b>x</b></span><img class="img_'+i+'" src="' + objectUrl + '" width="150" height="150" style="margin-right: 3px;">');
          j = i+1;
          if(j % 3 == 0)
          {
            $('#imgs').append('<br>');
          }
        }
    });
});
function del(i){ 
    $('.img_'+i).fadeOut("slow", function() { 
        $('.img_'+i).remove();
    });
}

上传前选择，预览，删除多个图像

0 个答案: