layui上传文件踩坑记录

最新推荐文章于 2024-01-06 16:38:16 发布

m0_49039848

最新推荐文章于 2024-01-06 16:38:16 发布

阅读量2.2k

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/m0_49039848/article/details/109030473

版权

本文记录了使用layui进行文件上传时遇到的问题及其解决方法，包括如何在生命周期的不同阶段获取文件名，以及如何处理自动上传与手动触发的差异，确保文件名与文件一同传送给后台。

摘要由CSDN通过智能技术生成

layui上传文件踩坑记录

获取layui上传文件名的两种方法

声明周期：choose->before->done||error
不设置auto：false，写在choose中的obj.preview在before之后才调用（很恶心!!!）
由于要获取文件名，和文件一起发送给后台
由于choose和before中的obj都是一样的，所以下面写在choose中的代码可以写在before中

//=》1.设置为一个按钮
let englishName; //=》用来存储文件名
var uploadInst1 = upload.render({
   
            elem: "#import-file",//绑定按钮
            accept: 'file',//=》文件类型，默认图片
            number: 1,//-》同时发送数量，默认为0（不限制）
            data: {
   englishName: ''},
            url: "你的url",
            field: