springMvc+webUploader图片从后台取出，回显后，添加图片删除功能

转载于 2019-02-25 09:21:56 发布 · 793 阅读

本文介绍了一个基于网页的图片上传和管理功能实现，包括点击事件监听、文件移除、DOM操作和文件路径获取等核心功能。文章详细展示了如何使用jQuery简化DOM操作和事件处理，以及如何在用户界面上实时更新已上传图片的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$list.on("click", "#iIcon", function() {
picNum -= 1;
var Id = $(this).parent().attr("id");
if(Id.indexOf("KUEMS_")<0){
uploader.removeFile(uploader.getFile(Id, true));
}

$(this).parent().parent().remove();
$("#photos").attr("value", getAllFilePath());
alert($("#photos").val());
var li = $("#fileList li").length - 1;
if (li >= 3) {
$("#filePicker").css("display", "none");
}
if (li < 3) {
$("#upload").css("display", "none");
$("#filePicker").css("display", "block");
}
});

CheckLength();

function CheckLength() {
var sumLength;
var li = $(".thumbsInfo ul li").length;
var iLenght3 = $('#fileList input:hidden').length;
sumLength = li + iLenght3;
$("#changeText").html("(" + (sumLength) + "/5)");
if (sumLength < 5) {
$("#fileList").css("display", "block");
}
}
}