用的layui的上传控件，为什么传到后台之后是null啊？

Question

html<div class="layui-upload biangeng_3_1">                <button type="button" class="layui-btn" id="yingyezhizhao"><i class="layui-icon">&#xe67c;</i>营业执照</button>                <div class="layui-upload-list">                    <img class="layui-upload-img" id="yingyezhizhao_preview">                   <!-- <p id="demoText"></p>-->                </div>            </div>jslayui.use('upload', function(){    var upload = layui.upload;    //执行实例    var uploadInst = upload.render({        elem: '#yingyezhizhao' //绑定元素        ,url: '../app/upload/changeImg' //上传接口        ,done: function(res){            //上传完毕回调            $('#yingyezhizhao_preview').attr('src','../'+ data.data);            layer.msg('上传成功！');        }        ,error: function(){            layer.msg('上传失败');        }    });});

Answer 1

因为你前端提交的参数名(file)与后台接收的参数名(imageFile)不一致，导致后台接收不到数据

我从layui示例中上传文件

使用chrome浏览器，打开开发者工具（win F12，苹果 option + command + i），点击上传文件，查看它发送的请求，如下图红圈，发现参数名为file

所以如果不想改前端，只改后台，可以将后台接收参数名改成file。或者修改前端提交的参数名，从改插件的提供的参数选项上可以修改，如下图红圈部分，前端只需添加一个字段field:imageFile即可