Jquery 删除多输入文件上载图像预览

Jquery 删除多输入文件上载图像预览,jquery,html,Jquery,Html,在我的代码中,我可以制作预览图像和删除图像。但是,我没有删除选定的文件(图像),只删除了预览图像 $(函数(){ var imagesPreview=函数(输入,放置到插入图像预览){ if(input.files){ var filesamunt=input.files.length; 对于(i=0;i

在我的代码中,我可以制作预览图像和删除图像。但是,我没有删除选定的文件(图像),只删除了预览图像

$(函数(){
var imagesPreview=函数(输入,放置到插入图像预览){
if(input.files){
var filesamunt=input.files.length;
对于(i=0;i

您需要清除输入值

$( "form" ).on('click', '.remove-image-preview', function(){
      $(this).parent('.img-preview').remove();
      $('#gallery-photo-add').val('');
});

您的删除图标不可见。我已将图标更改为显示范围,然后单击“X”,您可以删除单个图像的预览。
var imagesPreview=函数(输入,放置到插入图像预览){
if(input.files){
var filesamunt=input.files.length;
对于(i=0;i


此答案此删除所有图像您可以执行以下操作:self=this;$.each($('.#gallery photo add')[0]。文件、函数(索引、值){if(value.name===$('.asr')。最近('.img preview')。查找('img')。数据('name')){console.log($(self.img preview')。查找('img');});并在顶部向img添加数据名称