diff --git a/src/main/resources/static/js/imageUpload/importantMatter/child/importantMatterForm.js b/src/main/resources/static/js/imageUpload/importantMatter/child/importantMatterForm.js index 8bb562f..850a4c5 100644 --- a/src/main/resources/static/js/imageUpload/importantMatter/child/importantMatterForm.js +++ b/src/main/resources/static/js/imageUpload/importantMatter/child/importantMatterForm.js @@ -24,90 +24,6 @@ layui.use(['laydate', 'upload'], function () { sourceTypeName: "重要事项及宣传照片" // 来源类型名称 }) - // 已上传图片计数 - var uploadedCount = 0; - // 最大允许上传数量 - var maxCount = 9; - // 渲染上传组件 - upload.render({ - elem: '#uploadBtn', // 绑定按钮 - url: '/imgTool/sys/file/uploadFile?token=' + tokens, // 上传接口地址 - accept: 'images', // 只允许上传图片 - multiple: true, // 允许多文件上传 - auto: true, // 选择文件后自动上传 - number: 9, // 每次最多选择3个文件 - field: 'files', - data: {params: violation}, - choose: function(obj){ // 选择文件后的回调 - debugger; - // 检查已上传数量 - var files = obj.pushFile(); - console.log(files) - alert(uploadedCount) - // 如果已上传+新选择的数量超过限制 - alert(files.length) - if(uploadedCount + files.length > maxCount){ - var canUpload = maxCount - uploadedCount; - layer.msg('最多上传'+maxCount+'张图片,还可上传'+canUpload+'张'); - // 截断文件数组,只保留可上传数量 - this.files = files.slice(0, canUpload); - // 如果已经没有可上传数量,则阻止上传 - if(canUpload <= 0){ - return false; - } - } - - // 预览图片 - obj.preview(function(index, file, result){ - $('#previewBox').append( - '
' + - ''+ file.name +'' + - '
' + - '' + - '
' + - '
' - ); - }); - }, - before: function(obj){ - // 上传前可以做一些处理 - }, - done: function(res, index, upload){ - // 上传成功回调 - uploadedCount++; - - // 如果已达到最大数量,禁用上传按钮 - if(uploadedCount >= maxCount){ - $('#uploadBtn').addClass('layui-btn-disabled').prop('disabled', true); - } - - // 在实际应用中,这里可以处理服务器返回的数据 - console.log(res); - }, - error: function(index, upload){ - // 上传失败回调 - layer.msg('第'+(index+1)+'张图片上传失败'); - }, - allDone: function(obj){ - // 全部上传完成回调 - console.log('全部上传完成'); - } - }); - - // 删除图片函数 - window.deleteImg = function(index){ - // 这里应该添加删除服务器上图片的逻辑 - // 例如通过AJAX请求删除接口 - // 从预览中移除 - $('.img-item[data-index="'+ index +'"]').remove(); - // 减少计数 - uploadedCount--; - // 重新启用上传按钮 - $('#uploadBtn').removeClass('layui-btn-disabled').prop('disabled', false); - } - - - // 多图片上传 var uploadcom1 = upload.render({ elem: '#test1', diff --git a/src/main/resources/static/pages/imageUpload/importantMatter/child/importantMatterForm.html b/src/main/resources/static/pages/imageUpload/importantMatter/child/importantMatterForm.html index 4a4d029..f95f2f8 100644 --- a/src/main/resources/static/pages/imageUpload/importantMatter/child/importantMatterForm.html +++ b/src/main/resources/static/pages/imageUpload/importantMatter/child/importantMatterForm.html @@ -104,7 +104,7 @@ - + -
+