当前位置:网站首页>Ckeditor 4.10.1 upload pictures to prompt "incorrect server response" problem solution
Ckeditor 4.10.1 upload pictures to prompt "incorrect server response" problem solution
2022-07-02 09:37:00 【niceyz】
Recent projects have adopted CKEditor 4 Rich text editor , Prompt when uploading pictures " Incorrect server response " , Check the official documents and ask to return json Format , The official sample :
Response: File Uploaded Successfully
Upload successful return :
{
"uploaded": 1,
"fileName": "foo.jpg",
"url": "/files/foo.jpg"
}
{
"uploaded": 1,
"fileName": "foo(2).jpg",
"url": "/files/foo(2).jpg",
"error": {
"message": "A file with the same name already exists. The uploaded file was renamed to \"foo(2).jpg\"."
}
}
Response: File Could Not Be Uploaded
Upload Failure Return :
{
"uploaded": 0,
"error": {
"message": "The file is too big."
}
}
Address :https://ckeditor.com/docs/ckeditor4/latest/guide/dev_file_upload.html
Encapsulate return code :
import java.util.HashMap;
import java.util.Map;
/**
* @description: CKEditor The editor uploads the picture and returns the format
* @author: yz
* @create: 2018/8/16 18:31
*/
public class FileResponse extends HashMap<String, Object> {
Map<String,Object> msgMap = new HashMap<>();
public String error(int code, String msg){
FileResponse result = new FileResponse();
msgMap.put("message",msg);
result.put("uploaded",code);
result.put("error",msgMap);
return JSONUtils.beanToJson(result);
}
public String success(int code, String fileName,String url,String msg){
FileResponse result = new FileResponse();
if(!StringUtils.isEmpty(msg)){
msgMap.put("message",msg);
result.put("error",msgMap);
}
result.put("uploaded",code);
result.put("fileName",fileName);
result.put("url",url);
return JSONUtils.beanToJson(result);
}
}Upload code :
import com.yz.common.utils.FileResponse;
import com.yz.common.utils.FileUtil;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;
/**
* @description: Image upload
* @author: yz
* @create: 2018/8/16 11:09
*/
@Controller
@RequestMapping("/common")
public class FileUploadController {
/*
* Picture naming format
*/
private static final String DEFAULT_SUB_FOLDER_FORMAT_AUTO = "yyyyMMddHHmmss";
private final Logger logger = LoggerFactory.getLogger(this.getClass());
/*
* Upload picture folder
*/
private static final String UPLOAD_PATH = "/upload/yzimg/";
/*
* To upload pictures
*/
@RequestMapping("/uploadImg")
public void uplodaImg(@RequestParam("upload") MultipartFile file,HttpServletRequest request,HttpServletResponse response) {
FileResponse fileResponse = new FileResponse();
try {
PrintWriter out = response.getWriter();
logger.info("fileSize: "+file.getSize());
// The size of the picture does not exceed 500K
if (file.getSize() > 1024*500) {
String error = fileResponse.error(0, " The picture size exceeds 500K");
out.println(error);
return;
}
String proPath = request.getSession().getServletContext().getRealPath("/");
String proName = request.getContextPath();
String path = proPath + UPLOAD_PATH;
String fileName = file.getOriginalFilename();
String uploadContentType = file.getContentType();
String expandedName = "";
if (uploadContentType.equals("image/pjpeg") || uploadContentType.equals("image/jpeg")) {
expandedName = ".jpg";
} else if (uploadContentType.equals("image/png") || uploadContentType.equals("image/x-png")) {
expandedName = ".png";
} else if (uploadContentType.equals("image/gif")) {
expandedName = ".gif";
} else if (uploadContentType.equals("image/bmp")) {
expandedName = ".bmp";
} else {
String error = fileResponse.error(0, " The file format is not correct ( It has to be for .jpg/.gif/.bmp/.png file )");
out.println(error);
return;
}
DateFormat df = new SimpleDateFormat(DEFAULT_SUB_FOLDER_FORMAT_AUTO);
fileName = df.format(new Date()) + expandedName;
FileUtil.uploadFile(file.getBytes(), path, fileName);
String success = fileResponse.success(1, fileName, proName + "/upload/hximg/" + fileName, null);
out.println(success);
return;
} catch (Exception e) {
e.printStackTrace();
String error = fileResponse.error(0, " System exception ");
try {
response.getWriter().println(error);
return;
} catch (IOException e1) {
e1.printStackTrace();
}
}
}
}import java.io.File;
import java.io.FileOutputStream;
import java.util.UUID;
public class FileUtil {
public static void uploadFile(byte[] file, String filePath, String fileName) throws Exception {
File targetFile = new File(filePath);
if (!targetFile.exists()) {
targetFile.mkdirs();
}
FileOutputStream out = new FileOutputStream(filePath + fileName);
out.write(file);
out.flush();
out.close();
}
public static boolean deleteFile(String fileName) {
File file = new File(fileName);
// If the file corresponding to the file path exists , And it's a file , Then delete
if (file.exists() && file.isFile()) {
if (file.delete()) {
return true;
} else {
return false;
}
} else {
return false;
}
}
public static String renameToUUID(String fileName) {
return UUID.randomUUID() + "." + fileName.substring(fileName.lastIndexOf(".") + 1);
}
}边栏推荐
- Amq6126 problem solving ideas
- 因上努力,果上随缘
- Solution to amq4036 error in remote connection to IBM MQ
- Probability is not yet. Look at statistical learning methods -- Chapter 4, naive Bayesian method
- Actual combat of microservices | discovery and invocation of original ecosystem implementation services
- Elastic Stack之Beats(Filebeat、Metricbeat)、Kibana、Logstash教程
- 上班第一天的报错(Nessus安装winpcap报错)
- What are the waiting methods of selenium
- 分布式锁的这三种实现方式,如何在效率和正确性之间选择?
- Solutions to Chinese garbled code in CMD window
猜你喜欢

Chrome browser plug-in fatkun installation and introduction

Idea view bytecode configuration

Typora安装包分享

Oracle modify database character set

微服务实战|手把手教你开发负载均衡组件

上班第一天的报错(AWVS卸载不彻底)

微服务实战|原生态实现服务的发现与调用

Bold prediction: it will become the core player of 5g

概念到方法,绝了《统计学习方法》——第三章、k近邻法

Chrome user script manager tempermonkey monkey
随机推荐
BugkuCTF-web16(备份是个好习惯)
int与string、int与QString互转
JVM instruction mnemonic
Knife4j 2. Solution to the problem of file control without selection when uploading x version files
[go practical basis] how to customize and use a middleware in gin
记录下对游戏主机配置的个人理解与心得
Failed to configure a DataSource: ‘url‘ attribute is not specified and no embedd
hystrix 实现请求合并
Alibaba / popular JSON parsing open source project fastjson2
Machine learning practice: is Mermaid a love movie or an action movie? KNN announces the answer
VIM operation command Encyclopedia
每天睡觉前30分钟阅读_day3_Files
洞见云原生|微服务及微服务架构浅析
一次聊天勾起的回忆
数构(C语言--代码有注释)——第二章、线性表(更新版)
Watermelon book -- Chapter 5 neural network
BugkuCTF-web21(详细解题思路及步骤)
Chrome视频下载插件–Video Downloader for Chrome
上班第一天的报错(AWVS卸载不彻底)
图像识别-数据标注