我有一个项目,用户可以在其中将多个文件上传到网页,文件类型是图像,并且在上传图像后,它们将被附加到带有一个已添加图标的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
});