wangEditor3上传图片配置wangEditor上传图片配置

104 阅读 0 评论 69 点赞

我是靠谱客的博主安静小蝴蝶，这篇文章主要介绍wangEditor3上传图片配置wangEditor上传图片配置，现在分享给大家，希望可以做个参考。

wangEditor上传图片配置

前端：

修改上传文件所需配置，如文件上传名称、服务器路径、是否携带cookie等信息

更多有关上传文件的配置可查看官方文档
其中this.editor根据自己的情况修改

复制代码

1
2
3
4
this.editor.customConfig.uploadFileName = 'file';   //设置文件上传的参数名称
this.editor.customConfig.uploadImgServer = '/upload'; // 上传图片到服务器
this.editor.customConfig.uploadImgMaxSize = 5 * 1024 * 1024; // 将图片大小限制为 5M

nginx：（默认上传限制1M，超过限制状态码413）

修改conf配置文件，再location /{}内加入上传限制大小 client_max_body_size 20m; ，修改后记得reload。

复制代码

1
2
3
4
location / {
    client_max_body_size 20m; 
}

后台zuul网关配置：（默认上传限制1M，超过限制状态码500）

在application.yml文件中添加配置，配置最大上传文件大小、最大request请求大小

复制代码

1
2
3
4
5
6
7
8
spring:
  application:
    name: 
  servlet:
    multipart:
      max-file-size: 20MB	# 单个文件最大上传文件大小
      max-request-size: 20MB	# 最大request请求大小