Ueditor上传图片到七牛云存储

最近一两天搞这个editor真的是费劲呀,还好最终搞定了。

情景再现:

Ueditor上传图片到七牛云存储_第1张图片

 

Ueditor上传图片到七牛云存储_第2张图片

Ueditor上传图片到七牛云存储_第3张图片

 

实现步骤:

【1】引入相应的依赖和静态文件

Ueditor上传图片到七牛云存储_第4张图片   Ueditor上传图片到七牛云存储_第5张图片

依赖的依赖是核心依赖,想一些io,fileupload肯定也是需要的,再次就不一一截图了

【2】编写页面

Ueditor上传图片到七牛云存储_第6张图片

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>        
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>



		
		题库信息编辑页面

		
		
		
		
		
		
	
	


	
数据修改页面

【3】修改ueditor的配置文件

Ueditor上传图片到七牛云存储_第7张图片

Ueditor上传图片到七牛云存储_第8张图片

【4】后台具体的请求

这点至关重要,我也是在这徘徊了大半天,网上一大推的解析,但是没有一个是详细说这块怎么写的,水分太多,反而还会把自己带偏。因为这在才知道接受什么样的请求数据,对应响应什么样的数据格式,ueditot才能接受并完整的显示图片。

Ueditor上传图片到七牛云存储_第9张图片

 

具体的上传代码就不公布了,自己可以研究下,我这只提供大概思路

你可能感兴趣的:(前端框架,ueditor,文件上传,七牛云存储)