Javascript 使用JQuery从转盘中单击按钮删除照片

Javascript 使用JQuery从转盘中单击按钮删除照片,javascript,jquery,html,image,bootstrap-4,Javascript,Jquery,Html,Image,Bootstrap 4,下面的HTML代码是使用bootstrap 4制作的空转盘 然后,函数previewImages()将带有照片的div.carousel-item上传到旋转木马中 单击按钮#delete btn时,活动的转盘按钮将被删除 函数预览图像(){ 变量$preview=$(“#preview”); if(this.files)$.each(this.files,readAndPreview); 函数readAndPreview(i,文件){ if(!/\(jpe?g | png | gif)$/i.

下面的HTML代码是使用bootstrap 4制作的空转盘

然后,函数
previewImages()
将带有照片的
div.carousel-item
上传到旋转木马中

单击按钮
#delete btn
时,活动的转盘按钮将被删除

函数预览图像(){
变量$preview=$(“#preview”);
if(this.files)$.each(this.files,readAndPreview);
函数readAndPreview(i,文件){
if(!/\(jpe?g | png | gif)$/i.test(file.name)){
返回警报(file.name+“不是图像”);
}//否则。。。
var reader=new FileReader();
如果($preview.children().length==0){
如果(i==0){
$(读卡器).on(“加载”,函数(){
$preview.append(“”);
});
}否则{
$(读卡器).on(“加载”,函数(){
$preview.append(“”);
});
}
}否则{
$(读卡器).on(“加载”,函数(){
$preview.append(“”);
});
}
reader.readAsDataURL(文件);
}
}
$(“#文件输入”)。打开(“更改”,预览图像);
函数deletePhoto(){
$(“#预览div.active”).remove();
//$(“.carousel项目:第一个孩子”).addClass(“活动”);
}
$(“#删除btn”)。单击(“单击”,删除照片)

Выбрать файл 

Удалить фото
如果
$(“#preview div.active”).remove()
删除所有图像,这表明所有图像都具有活动类。@t他们使用
$(“#file input”)调用它。on(“更改”,previewImages)
。每个输入一次只选择一个文件?@Taplar
这个.files
是一个对象,不是吗?
这个.files
是一个数组或类似数组的对象。但是,如果没有将文件选择器设置为多选,则它们最多只能是数组中的一个元素@Zera Edit:它确实有
multiple
,因此可以是多个