layui 请求上传接口出现异常 解决过程

问题：layui上传图片经常出现“请求上传接口出现异常”的提示，PC端没有问题，这个问题出现在移动端，小图片没有问题，稍微大一点的图片（大概超过500K左右）就会出现这个问题，困扰我很长时间。

下面就来说一下解决的过程。

首先“请求上传接口出现异常”这个提示是出现在layui的upload.js文件中，相关的代码是：

error:function(){n++,o.msg("请求上传接口出现异常"),m(e),u()}

因为这句代码只会提示异常，但不能提示到底是出了什么异常，所以我们需要把真正的错误爆出来，才能知道怎么解决，所以把这段代码修改一下，把真正的错误加入到提示中，如下：

error:function(res){var dd=res.responseText.replace(/<\/?.+?>/g,"");var text=dd.replace(/ /g,"");n++,o.msg("请求上传接口出现异常"+text),m(e),u()}

改过之后提示的错误是“请求实体过大”，根据这个提示我找度娘问了一下果然找到了解决方法。

问题出在web服务器IIS上，只需要修改IIS上的UploadReadAheadSize值就可以解决这个问题，下面是修改UploadReadAheadSize值的方法：

1.打开IIS管理器，在需要配置的网站主页打开“配置编辑器”
2.在最上边的“节”下拉框中选择“system.webServer/serverRuntime”
3.可以看到“UploadReadAheadSize”默认值为49152，修改成你所需要的限制大小，这我修改了为10485760（10M），点击应用，即可生效。

再试一下果然上传图片不再提示“请求上传接口出现异常”，可以正常上传了。

我原来使用的都是linux服务器，从来都没有这个问题，这次使用了一个windows服务器，用的还是IIS，才出现了这种问题。

转载请注明：七维网络 » layui 请求上传接口出现异常 解决过程