用的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>

js

layui.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即可