从多个输入类型文件中删除特定的图像文件

时间:2018-10-03 12:29:50

标签: jquery file input

我有一个项目,用户可以在其中将多个文件上传到网页,文件类型是图像,并且在上传图像后,它们将被附加到带有一个已添加图标的div上,以删除不需要的图像..现在,只要单击该图标,包含有害图像的div就会被删除,但是仅剩下一件事了,这就是我该如何从输入中删除文件的方法。
这是我的输入

<input type="file" name="images[]" id="images" multiple="" class="hidden" onchange="preview_image();">  

这是我的jquery代码

// Show images uploaded for post 
function preview_image() 
{
    var total_file=document.getElementById("images").files.length;
    for(var i=0;i<total_file;i++)
    {
        $('#image_preview').append("<div class='up-img-prv'><img src='"+URL.createObjectURL(event.target.files[i])+"' class='img-upd-images'><i class='up-img-prv-icon fa fa-times'></i></div>");
        //id='img-dismis"+i+"'
    }
    $("#post-images").css({
        'display':'block',
        'padding':'5px 10px',
    });
}

// Remove unwanted uploaded image
$(document).delegate('.up-img-prv-icon', 'click', function(){
    var dismissId = $('.up-img-prv-icon').index(this);
    $('.up-img-prv').eq(dismissId).remove();
    // Here should I remove the file from input
}); 

0 个答案:

没有答案