问答

layui图片上传错误,提示接口请求异常

作者:admin 2021-05-05 我要评论

1.使用的是layui的图片上传,限制图片上传时的最大是5M。 2.上传图片时,选择了一张大小和占用空间都是5M的图片 正常的图片或者文件的 大小和占用空间是不一样的...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

1.使用的是layui的图片上传,限制图片上传时的最大是5M。
2.上传图片时,选择了一张大小和占用空间都是5M的图片

 正常的图片或者文件的  大小和占用空间是不一样的,大小一般都会比占用空间小。

下面是不正常的图片
image.png

下面是正常的图片

image.png
4.出现的问题:

上传正常的图片,能够上传成功。
上传不正常的图片,提示 接口请求异常,但是后端并没有接收到这个请求。



###

不要看这个,上传过后的 file对象里 应该有返回的图片大小信息的,用那个去对比下这两个图片的大小是不是超出了你得限制。

###

你没有说你的后端架构和配置,那就猜测下.

你搞了一张刚好 5MB 的图片上传是失败(你也没说状态码是啥).但是稍小于 5MB 的是上传成功的.

假设你后端用了 nginx + php 做服务.那么一般和上传相关的,nginx 有 client_max_body_size, PHP 有 post_max_sizeupload_max_filesize

但是请注意, nginx 的 client_max_body_size 和 php 的 post_max_size 这个都是限制的请求体的大小,而你上传图片的时候,一般使用 multipart/form-data,然后 request-body里图片前后会使用 boundary加上一个随机 id 来做分割,实际上,你的请求的 content-length是比你的图片本身更大一些的. 如果你的配置是我说的这样做的,那么你客户端上传一个正好5M的图片,算上header,在请求到达 nginx 这块,nginx 就发现超出限制了,就直接返回 413 错误,不往 php 转发了. post_max_size也一样,upload_max_filesize不太确定,但是应该不一样.

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • layui图片上传错误,提示接口请求异常

    layui图片上传错误,提示接口请求异常

  • 按需引入 antd 一用组件就报错 Possibl

    按需引入 antd 一用组件就报错 Possibl

  • 刚学C语言,程序生成时可以,但链接时

    刚学C语言,程序生成时可以,但链接时

  • Nacos Spring Cloud 配置如何加密

    Nacos Spring Cloud 配置如何加密

腾讯云代理商
海外云服务器