Layui.use 上传文件 progress 为 100% 且在编辑页面显示文件信息
layui.use(['upload', 'element'], function(){\n var upload = layui.upload;\n var element = layui.element;\n \n // 上传文件\n var uploadInst = upload.render({\n elem: '#uploadBtn',\n url: '/upload/',\n done: function(res){\n // 文件上传完成后,设置progress为100%\n var progressElem = '#progressBar'; // 进度条元素的选择器\n element.progress(progressElem, '100%');\n },\n progress: function(n, elem){\n // 文件上传进度\n var progressElem = '#progressBar'; // 进度条元素的选择器\n element.progress(progressElem, n + '%');\n }\n });\n});\n\nlayui.use(['upload', 'form'], function(){\n var upload = layui.upload;\n var form = layui.form;\n \n // 上传文件\n var uploadInst = upload.render({\n elem: '#uploadBtn',\n url: '/upload/',\n done: function(res){\n // 文件上传完成后,将文件的相关信息显示在编辑页面上\n var fileUrl = res.fileUrl; // 上传成功后返回的文件url\n var fileInfoElem = '#fileInfo'; // 显示文件信息的元素的选择器\n $(fileInfoElem).text('已上传文件:' + fileUrl);\n \n // 更新编辑页面中的表单数据\n form.val('editForm', {\n fileUrl: fileUrl\n });\n }\n });\n});\n\n在以上代码中,fileUrl是上传成功后返回的文件url,可以根据实际情况修改为你的文件信息字段。fileInfoElem是显示文件信息的元素的选择器,可以根据实际情况修改为你的元素选择器。editForm是编辑页面中的表单的lay-filter值,根据实际情况修改为你的lay-filter值。
原文地址: https://www.cveoy.top/t/topic/pVYO 著作权归作者所有。请勿转载和采集!