要保证在add页面上传好的文件progress为100%,可以在上传文件的代码中增加一个判断条件,当文件上传成功时,将进度条的值设置为100%。\n\n下面是一个示例代码:\n\njavascript\nlayui.use(['upload', 'element'], function(){\n var upload = layui.upload;\n var element = layui.element;\n\n //执行实例\n var uploadInst = upload.render({\n elem: '#upload', //绑定元素\n url: '/upload/', //上传接口\n done: function(res){\n //上传完毕回调\n element.progress('demo', '100%'); //设置进度条为100%\n },\n progress: function(value){\n //上传进度回调\n element.progress('demo', value + '%'); //设置进度条的值\n }\n });\n});\n\n\n在编辑页面中要保证可以看到上传好的文件进度条为100%,可以在页面加载时通过Ajax请求获取已上传文件的进度,然后根据获取的进度值设置进度条的值。\n\n下面是一个示例代码:\n\njavascript\nlayui.use('element', function(){\n var element = layui.element;\n\n // 页面加载时获取已上传文件的进度\n $.ajax({\n url: '/getUploadProgress',\n method: 'GET',\n success: function(res){\n var progress = res.progress; // 获取已上传文件的进度值\n element.progress('demo', progress + '%'); // 设置进度条的值\n }\n });\n});\n\n\n在上面的示例代码中,/getUploadProgress是一个用于获取已上传文件进度的后端接口,根据实际情况进行替换。

Layui.use文件上传:保证Add和Edit页面进度条显示100%

原文地址: https://www.cveoy.top/t/topic/pVYt 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录