springMvc+webUploader图片从后台取出,回显后,添加图片删除功能
2018-01-27 13:49
495 查看
$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");
}
}
}
function getAllFilePath() {
var path = "";
var input = $('#fileList .upload-state-done input:hidden');
if (input.length > 0) {
for (var i = 0; i < input.length; i++) {
path = path + input[i].value + ",";
}
}
return path;
}
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");
}
}
}
function getAllFilePath() {
var path = "";
var input = $('#fileList .upload-state-done input:hidden');
if (input.length > 0) {
for (var i = 0; i < input.length; i++) {
path = path + input[i].value + ",";
}
}
return path;
}
相关文章推荐
- springMVC+webUploader从后台读取数据,回显图片,超过三张不再添加
- webuploader+springmvc实现图片上传功能
- springMVC+WebUploader实现多图片上传
- webuploader+springmvc实现多文件上传(html+js+css原创,后台代码借鉴)
- WebUploader+SpringMVC实现文件上传功能
- webuploader结合c# mvc实现图片上传,删除,编辑回显
- WebUploader+SpringMVC实现文件上传功能
- SPRING MVC3.2案例讲解--使用 Spring 3 MVC HttpMessageConverter 功能构建 RESTful web 服务
- ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例
- 一个iOS图片选择器的DEMO(实现图片添加,宫格排列,图片长按删除,以及图片替换等功能)
- 使用SSM框架搭建Web服务器实现登录功能(Spring+SpringMVC+Mybatis)
- 使用SSM框架搭建Web服务器实现登录功能(Spring+SpringMVC+Mybatis)
- 使用 Spring 3 MVC HttpMessageConverter 功能构建 RESTful web 服务
- webuploader 实现图片批量上传功能附实例代码
- FCKeditor中添加删除图片的功能!
- webuploader实现批量图片上传功能
- 使用WebUploader客户端批量上传图片,后台使用springMVC接收实例
- 使用WebUploader客户端批量上传图片,后台使用springMVC接收实例
- 【学习笔记】SpringMvc+WebUploader整合处理