markdown编辑器示例

上传图片控制器

package com.ramostear.unaboot.web.admin;import com.alibaba.fastjson.JSONObject;
import com.ramostear.unaboot.common.UnaBootConst;
import com.ramostear.unaboot.service.UploadService;
import com.ramostear.unaboot.web.UnaBootController;
import org.apache.commons.lang3.StringUtils;
import org.apache.shiro.authz.annotation.RequiresRoles;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;import java.util.Arrays;
import java.util.List;
import java.util.stream.Collectors;/*** &＃64;ClassName UnloadController* &＃64;Description 文件上传控制器* &＃64;Author 树下魅狐* &＃64;Date 2020/2/23 0023 8:00* &＃64;Version since UnaBoot-1.0**/
&＃64;RequiresRoles(value &＃61; UnaBootConst.ROLE_ADMIN)
&＃64;RestController
&＃64;RequestMapping("/admin/upload")
public class UnloadController extends UnaBootController {&＃64;Autowiredprivate UploadService uploadService;&＃64;PostMapping("/editormd")public JSONObject upload(&＃64;RequestParam(name&＃61;"editormd-image-file")MultipartFile file){JSONObject json &＃61; new JSONObject();if(file &＃61;&＃61; null || file.isEmpty()){return convert(json,0,"上传文件不能为空","");}if(StringUtils.isBlank(file.getOriginalFilename()) || !allow(file.getOriginalFilename())){return convert(json,0,"上传文件格式不正确","");}String url &＃61; uploadService.upload(file);if(StringUtils.isBlank(url)){return convert(json,0,"文件上传失败","");}else{return convert(json,1,"文件上传成功",url);}}private JSONObject convert(JSONObject json,int status,String message,String url){json.put("success",status);json.put("message",message);json.put("url",url);return json;}private boolean allow(String fileName){String[] allowFiles &＃61; {".gif",".png",".jpg",".jpeg?s=#34;,".bpm"};String suffix &＃61; fileName.substring(fileName.lastIndexOf("."));List suffixList &＃61; Arrays.stream(allowFiles).collect(Collectors.toList());return suffixList.contains(suffix);}
}

控制器接收editormd-image-file参数&＃xff0c;js中的content对应id&＃61;“content”
示例效果

附一篇相关文章https://blog.csdn.net/jabinjava/article/details/88375511