layui框架实战案例(3)：layui上传错误请求上传接口出现异常解决方案

问题描述： 1、本地phpstudy部署，php 7.0.12， MySQL5.5.53 本地测试正常； 2、服务器环境，宝塔配置部署WAMP，测试正常； 异常情况： 服务器环境windows 2016，phpstudy pro部署， php 7.3 ,MySQL5.7.6，出现上图错误。 layui版本：v2.2.6 MIT

其实遇见这种问题是很奔溃，因为这个错误原因，事情往往是是干进度的时候出现的。时间本身就是个硬杠杠，并且这个是个综合性且复杂的问题。解决思路（错误的方式）：发挥面向百度编程的精神，依次经历如下：

1. 配置问题，php.inc，很面熟，就当复习一遍

file_uploads = on ;是否允许通过HTTP上传文件的开关。默认为ON即是开 upload_tmp_dir ;文件上传至服务器上存储临时文件的地方，如果没指定就会用系统默认的临时文件夹 upload_max_filesize = 8m ;望文生意，即允许上传文件大小的最大值。默认为2M post_max_size = 8m ;指通过表单POST给PHP的所能接收的最大值，包括表单里的所有值。默认为8M

2. 怀疑前端代码问题

前端HTML

    
        拖拽上传
    

    
        
        点击上传，或将文件拖拽到此处
    

    
        为节省服务器开销，导入文件均为临时文件。
    

前端JS

 layui.use('upload', function () {
        var $ = layui.jquery
                , upload = layui.upload;

        upload.render({
            elem: '#healthImport'
            ,url: '?m=Health&a=uploadFile'
            ,accept: 'file'
            ,exts: 'xls'
            ,dataType: "json"
            ,before: function(){
                layer.load();
            }
            , done: function (res) {
                if (res.code == 0) {
                    return layer.msg('上传失败,' + res.err);
                }
                if (res.code > 0) {
                    layer.alert(res.err, {icon: 6}, function () {
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index);
                        window.parent.location.reload();
                    });
                }
            }
        });
    });

这个可能性如果是代码有问题，在前两种环境中就被否认了，所以前端看来是没有问题的。

所有的可能性排除完，倒逼着走向正确的解题思路：“请求上传接口出现异常”，到底是哪里异常，如果这个地方不能正确的调试出问题的所在，所有的“面向百度编程”就是碰运气。忘记百度到哪位兄弟的解决方案了，再次对改解决思路予以感谢，就是修改layui底层的提示信息，准确的报错，就可以解决。

上传核心js路径： layui\lay\modules\upload.js

打开后，首先将压缩的js代码，重新格式化代码，如图： 这个就是模糊提示，修改提示信息如下：

                    error: function (res) {
                        var dd=res.responseText.replace(//g,"");
                        var text=dd.replace(/ /g,"");//去掉所有空格
                        n++, o.msg("请求上传接口出现异常"+text), m(e), u()
                    }

保存，清除缓存，刷新，是不是问题就暴露出来了。因为不同配置会有不同的原因，这里就不再啰嗦了，具体原因会在另一篇文章予以分析。

为解决更多兄弟的时间，layui upload.js 2.26版，已上传到CSDN，请自行下载： 《layui请求上传接口出现异常解决方案：upload.js 错误底层准确报错信息代码修改》 Done！