layui导入excel时传入自己想要的参数_layui 导入excel 带参数-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43738469/article/details/106278038

本文详细介绍如何在layui框架中使用上传组件，并结合动态获取的下拉框值作为上传请求参数，实现药品信息批量导入的功能。文章展示了具体的HTML结构、JS代码及参数设置，为开发者提供了一个完整的实践案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html部分

		<div class="layui-input-inline">
			<!--我这个地方是动态获取下拉框中的值-->
            <select name="companyId" id="companyId" lay-filter="companyId" style="height: 36px;">
                <option value="">--请选择导入药品所属的药厂--</option>
            </select>
        </div>
        <dib class="layui-input-inline">
            <button type="button" class="layui-btn" id="uploadExcel"><i class="layui-icon"></i>上传文件</button>
        </dib>

js部分

		/*使用导入功能，得在这个地方加上upload 和 upload = layui.upload ，不然导入功能不生效
		layui.use(['jquery', 'table', 'form', 'layer', 'laydate', 'upload'], function () {
        	var table = layui.table,
            form = layui.form,
            laydate = layui.laydate,
            $ = layui.jquery,
            upload = layui.upload;*/

		//指定允许上传的文件类型
        upload.render({
            elem: '#uploadExcel'
            , url: '/herbsController/uploadExcel' //改成您自己的上传接口
            , data: {//这个地方就是传参的地方
            	//companyId就是传到后台的key
                companyId: function () {
	                //我这个地方是获取select下拉框中的值
                    return $("#companyId").val()//这是传入后台的value
                }
            }
            , accept: 'file' //普通文件
            , exts: 'xls|xlsx|xlsm|xlt|xltx|xltm'
            , done: function (res) {
                layer.msg("文件上传中，请稍等.......", function () {
                });
                if (res.code == 00) {
                	//刷页面
                    active.reload();
                    form.render();
                    //给一个弹框，msg是后台返回回来的，用来显示成功or失败
                    layer.msg(res.msg, function () {
                    });
                }
            }
        });