美文网首页
上传图片时报错:[object ProgressEvent] ,

上传图片时报错:[object ProgressEvent] ,

作者: gsunneverdie | 来源:发表于2022-05-09 23:35 被阅读0次

问题 Q:(图片大小引起的错误)

在使用element-ui 的上传图片时,出现[object ProgressEvent]错误。

查找结果 S:(nginx 的错误)

  • 因为这是选择较大图片时出现的,所以下意识去找对于上传大小限制的地方,发现前,后端代码均在允许的范围内,因此不解。并且后台也没有返回对应的错误。
  • 因此改为对前端的组件el-upload查了起来,对事件on-successon-error 进行打印,结果这才在控制台中见到后台返回的错误的出现,原来是nginx的对文件大小限制带来的错误。
    nginx-413-error.png

解决 A:(此次操作是在homestead 的环境中)

# 修改 nginx 的配置
sudo vi /etc/nginx/sites-enabled/xxxx.test
# nginx 中对应的配置文件
server {
...
charset utf-8;
client_max_body_size 5m; # 添加此配置,设置 5m 大小
...
}

题外话 E:

  • 可能在使用vi过程中会出现只读无法保存的错误,请使用wq!(记得!在后面)
  • 重启nginx,请使用sudo systemctl restart nginx(可能会有权限错误)

相关文章

网友评论

      本文标题:上传图片时报错:[object ProgressEvent] ,

      本文链接:https://www.haomeiwen.com/subject/bapkurtx.html