Layui 文件上传 附带data数据
2023-09-11 14:22:27 时间
配置项中增加参数:
, data: { CaseId: function () { return $("#CaseId option:selected").val(); }, CaseName: function () { return $("#CaseId option:selected").text(); } }
例子:
upload.render({ elem: '#test-upload-more' , url: '/Handler/CoverModelFileHandler.ashx?type=uploadAndCreate' , multiple: true , accept: 'file' //普通文件 , auto: false , data: { CaseId: function () { return $("#CaseId option:selected").val(); }, CaseName: function () { return $("#CaseId option:selected").text(); } } , choose: function (obj) { //上传前选择回调方法 obj.preview(function (index, file, result) { if ($("#CaseId option:selected").val() == '') { $("#btnSubmit").click(); $('.layui-upload-file')[0].value = '';//解决两次选择的文件相同不能上传的问题 return false; } obj.upload(index, file); return true; }); } , done: function (res, index, upload) { $("#test-upload-more-list").append('<p>' + res.Name + '</p>'); } , allDone: function (res) { layer.msg('成功!', { icon: 1 }); parent.showCoverModelFile(); } });
相关文章
- Python打包二进制文件cython介绍及使用
- Web文件上传方法总结大全
- my-small.ini、my-medium.ini、my-large.ini、my-huge.ini文件的作用
- Google Earth Engine ——上传CSV文件
- jsp两种文件上传方式@MultipartConfig 注解方式及普通常规方式
- 什么是平面文件数据库? 如何导入多种格式的文件:DSV、JSON、XML?
- Vue - Ant Design Vue 上传组件 <Upload> 阻止默认直接上传的行为,改为手动自行上传文件并携带其他参数(点击后不把文件上传到服务器,而是在“适当时机“去手动提交文件与数据)
- Vue-cli / webpack 加载静态js文件的方法
- linux下通过命令行上传文件到百度网盘
- 纯H5 AJAX文件上传加进度条功能
- 我是怎么做到开源系统中的文件上传等功能的?
- 快速解决崩溃服务上传原生符号文件失败
- Django 4.x File文件上传使用示例和配置方法
- android 通过httpclient下载文件并保存
- SecureCRT上传和下载文件(下载默认目录)
- springMVC文件上传的三种方法
- 利用blob对象实现大文件分片上传
- from表单实现无跳转上传文件,接收页面后台数据
- 通过form表单上传文件获取后台传来的数据
- 使用Pandas读取大型Excel文件
- 微信小程序上传文件(报错处理方式)
- 利用Jquery使用HTML5的FormData属性实现对文件的上传
- C# 请求数据 模拟多文件上传
- 解决SpringBoot文件上传报错:org.apache.tomcat.util.http.fileupload.impl.FileSizeLimitExceededException