spring boot SpringBoot,前端html5 整合WangEditor5富文本编辑器,并自定义图片、视频上传至FTP服务器

一：引入css以及js

WangEditor5 官网 https://www.wangeditor.com/

推荐下载到本地引入，有时候发现CDN 访问不成功。

二：H5前端整合编辑器

这里遇到的坑：原生的图片和视频上传，不懂为什么配置多个上传参数无效（即maxNumberOfFiles参数），配置成多个后台也只能接收到一个，返回参数即使按照官网所需，上传第二个的时候js就报错了。所以这里直接用自定义方法上传了，后台只需返回图片或视频URL即可。 有发现并解决这个问题的伙伴麻烦解答一下~

三：后台接收并保存文件至本地以及FTP

我这里是因为工作的需求文件才放到FTP，没必要的直接存本地即可。

package com.txy.modules.business.Wangeditor;

import com.txy.modules.common.dto.output.ApiResult;

import com.txy.modules.common.entity.Attachment;

import com.txy.utils.ftp.FtpUtil;

import com.txy.utils.spring.SpringUtil;

import io.swagger.annotations.Api;

import io.swagger.annotations.ApiOperation;

import io.swagger.annotations.ApiParam;

import org.apache.logging.log4j.util.PropertiesUtil;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.boot.configurationprocessor.json.JSONArray;

import org.springframework.boot.configurationprocessor.json.JSONException;

import org.springframework.boot.configurationprocessor.json.JSONObject;

import org.springframework.web.bind.annotation.*;

import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.time.LocalDateTime;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import java.util.UUID;

@RestController

@RequestMapping("api/business/wangeditor")

@Api(value = "wangeditor后台配置")

public class WangEditorController {

private String basicLocation = "D:\\images\\";

@Autowired

private FtpUtil ftpUtil;

@ResponseBody

@PostMapping("/upload")

@ApiOperation("上传图片")

public ApiResult