//点击按钮删除当前附件
$deleteThisPic.on("click",function(){
let thisImgUrl=$galleryImg.css("background-image");
console.log(thisImgUrl);
//寻找对应url并删除
$(".weui-uploader__file").each(function(){
console.log($(this));
if($(this).css("background-image") == thisImgUrl){
$(this).remove("li");
//从附件数组中同步删除
}
});
});
利用了JQuery的css选择器返回css参数。
使用场景简单说明:
- button:$deteleThisPic 用于点击删除附件,
- 当前展示的图片 $galleryImg,使用css 的background-image 来展示,
- 通过 $galleryImg.css("background-image")获取它的url 路径,
- weui-uploader__file 放入了已经上传的全部图片,并同样使用css 的background-image 来展示。
- 遍历已上传文件的background-image url与当前展示的相同即可使用remove删除。