SpringBoot editorMD 图片跨域上传问题.

editor配置

图片说明
##callbakc.html
图片说明
##后台
图片说明

##我接受文件的后台都做了跨域的处理,目前是上传请求能到后台且文件存储成功,但是editorMD 还是判断为跨域,

出现错误
image-dialog.js:171 Uncaught DOMException: Blocked a frame with origin "http://localhost:8080" from accessing a cross-origin frame.
at HTMLIFrameElement.uploadIframe.onload (http://localhost:8080/plugins/image-dialog/image-dialog.js:171:129)

    js对应
    var body = (uploadIframe.contentWindow ? uploadIframe.contentWindow : uploadIframe.contentDocument).document.body;
    标红的document.body
Virgo_Zgp
Virgo_Zgp 老哥我也遇到了同样的问题 请问你解决了吗?
大约 2 个月之前 回复

2个回答

在后台代码层加注解@CrossOrigin
例如:

@RestController
@RequestMapping(value = "/api/index")
@CrossOrigin
public class IndexController {

解决跨域问题

我接受文件的后台都做了跨域的处理,目前是上传请求能到后台且文件存储成功,但是editorMD 还是判断为跨域

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
java后台图片跨域上传
跨域的原因 跨域的实现原理 本地服务器源码 图片服务器源码 测试 本地服务器 跨域的原因   在项目开发的过程中,我们经常需要用到图片上传操作,传统的做法是我们将其上传到项目的所在目录中,比如说项目的target目录中,但是由于项目在重启的过程中,target文件夹下的内容会被全部清空,这意味着如果采用这种方式,那么在测试环境与开发环境;在每一次的项目重启的过程中,我们经常...
UEditor图片跨域上传解决方案
预设环境 UEditor版本:1.4 客户端地址:http://www.aaa.com 图片服务器地址:http://www.bbb.com 图片服务器端UEditor的部署URL:http://www.bbb.com/ueditor/ 客户端和图片服务器各部署一套UEditor环境 客户端修改 修改1:/ueditor/ueditor.config.js 将原有的URL注释...
跨域上传
跨域上传 跨域上传图片 http://www.thinkphp.cn/topic/13355.html 跨域只和几个域名有关,和几台服务器无关 法一 :iframe posted @ 2016-04-11 11:46 Newman·Li 阅读(...) 评论...
springboot 跨域 ajax返回值跨域
@ResponseBody @RequestMapping(value ="/websitePositionList", method = RequestMethod.POST)*****重要 public Map<String,Object> check2(PositionInfo positionInfo,HttpServletResponse respon...
springboot前后端分离跨域同源问题
笔者最近做springboot前后端分离遇到一些问题,在这里分享下。主要是跨域问题,导致后端无法获取自定义请求头, 前端后台分开部署在不同域名,自然而然就会存在跨域问题,前端ajax的处理方式通常就是jsonp。 springboot 后端配置有如下两种方式,二选一就好 1、 @Configuration public class WebConfig extends WebMvcConf...
《springboot》springboot之后端跨域设置
1.首先配置拦截器 import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.web.servlet.HandlerInterceptor; import org.springframework.web.serv...
请教一个springboot跨域的问题
[code=java]rn@Componentrn@Order(Ordered.HIGHEST_PRECEDENCE)rn@WebFilter(urlPatterns = "/*")rnpublic class OriginFilter implements Filter rnrn private static final Logger logger = LoggerFactory.getLogger(OriginFilter.class);rnrn @Overridern public void init(FilterConfig filterConfig) throws ServletException rnrn rnrn @Overridern public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException rn HttpServletResponse response = (HttpServletResponse) servletResponse;rn HttpServletRequest request = (HttpServletRequest)servletRequest;rn String origin = request.getHeader("Origin");rn response.setHeader("Access-Control-Allow-Origin", origin);rn response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");rn response.setHeader("Access-Control-Max-Age", "3600");rn response.setHeader("Access-Control-Allow-Headers", "x-requested-with,Authorization");rn response.setHeader("Access-Control-Allow-Credentials", "true");rn String method = request.getMethod();rn if(method.equalsIgnoreCase("OPTIONS"))rn servletResponse.getOutputStream().write("Success".getBytes("utf-8"));rn elsern filterChain.doFilter(servletRequest, servletResponse);rn rn rnrn @Overridern public void destroy() rnrn rnrn[/code]rn项目是前后端分离的 我后台如果添了这段跨域处理的代码 部署到服务器上,前端请求就会报跨域问题,如果我注释掉的话前端就能正常访问 这是啥问题呢?如果只是我后台做了跨域处理,前端没做任何处理 他的访问是不是就是不能正常执行了。
vue + ueditor 单图片跨域上传
UEditor官网说不提供单图片的跨域,所以只能自己解决。查了网上的很多方案,但是没看到和vue一起用的,不过倒是获得了一些思路。本着不想改太多源代码的基础上尝试着...一不小心就可以用了解决方案:上传单图片的时后端不直接返回JSON,而是重定向到前端页面 前端:VUE后端:WAMP + ThinkPHP5.0 前端 端口:http://...
PHP跨域上传附件问题
服务器A上传附件表单提交到服务器B的地址,而不通过IFRAME这些,实现附件的上传功能rnrn并且要很好的保护服务器B的接收地址,不知道有无好的办法?rnrn我是这样想,在A上写个接收地址,附件表单就提交到这个地址,然后这个地址就通过SOCKET或者其他什么方法,提交到服务器B的地址rnrn
bbsxp论坛跨域上传问题。
公司的网站论坛使用了bbsxp论坛,由于安全问题在论坛的文件夹中关闭了写权限。rn现在在另一个主机上配置了一个二级域名做图片服务器,修改了uploadattachment.asp,将form的action属性设为二级域名下的上传文件,上传成功后parent.document时没有权限。rn请问如何在保证对BBSXP文件最少修改的前提下实现BBSXP的跨域名上传功能?rn
springboot 上传问题
springboot 在上传 有两种选择 1, 选用默认的上传解析器 2,使用common-fileupload   使用第一种只需要在配置文件种配置 文件上传大小 spring.servlet.multipart.maxFileSize=10Mb spring.servlet.multipart.maxRequestSize=10Mb spring.servlet.multipar...
springboot上传相关问题
类型一定要用 @RequestParam("file") MultipartFile  是单个文件大小 spring.http.multipart.maxFileSize=100Mb 总上传的数据大小 spring.http.multipart.maxRequestSize=100Mb
springboot配置跨域过滤器
1、springboot配置过滤器 首先创建过滤器类,实现javax.servlet.Filter,并添加注解@Component,即可 package com.center.manager.filter; import java.io.IOException; import javax.servlet.Filter; import javax.servlet.FilterChain; im...
springBoot的CORS支持跨域
web开发经常会遇到跨域开发问题,解决方案有jsonp,iframe,CORS等等 JSONP只支持get请求,CORS支持所有的http请求类型 使用CORS,开发者可以使用普通的XMLHttpRequest请求和获取数据,比起JSONP有更好的错误处理 JSONP主要被老的浏览器支持,它们往往不支持CORS,而绝大对数的现代浏览器都支持了CORS 支持的浏览器有:Chrome3+,Firefox
springboot跨域处理
我们在开发的过程中,有人可能会遇到跨域问题,如下所示 这里使用的sosoapi作为测试 这里我为大家提供2种解决方式,一种是过滤器的方式,在过滤器之中添加允许跨域,新建一个java文件,代码如下所示 package com.example.fw.base; import java.io.IOException; import javax.servlet.Filter; import...
springboot 支持跨域
整体配置: package com.example.demo.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsCon...
springboot前后端分离解决跨域
不多说直接上代码,,,,,,,,,@Configurationpublic class WebMvcConfig extends WebMvcConfigurerAdapter {    @Override public void addCorsMappings(CorsRegistry registry) {        registry.addMapping("/**").allowedHe...
springboot 跨域解决
注意一定spring能扫描到这个类,如果有问题可以加我微信skynba,继续交流技术 @Component public class CorsFilter implements Filter { public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain...
跨域解决方案—SpringBoot CORS
目录 跨域解决方案—SpringBoot CORS 浏览器同源策略 CORS定义 CORS头部定义 不支持跨域报错 支持CORS步骤 全局支持 CORS两种请求 非简单的请求例子 跨域解决方案—SpringBoot CORS 浏览器同源策略 CORS定义 CORS头部定义 不支持跨域...
JS-上传多张图片-支持拖动设置顺序-跨域上传
功能 1.上传多张图片,放弃传统input.file形式上传,自定义数组保存文件; 2.可一次性选择多张图片,可追加图片,图片可以预览; 3.可拖动图片,顺序默认从左0开始; 4.可删除单个图片,或清空所有图片; 5.跨域上传; html <!DOCTYPE html> <html> <head>
springBoot跨域和异常捕捉
记录一下springBoot的跨域和异常捕捉 首先我们要理解什么是跨域 跨域是什么?浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、 协议任一不同,都是跨域 。 怎么解决跨域? 很简单,只需要在controller类上添加注解 @CrossOrigin 即可!这个注解其实是CORS的实现 CORS(Cross-Origin Resource Sharing, 跨源资源共享)是W3C出的...
springboot跨域配置
1.springboot它的好处就是它强大的自动配置,使我们能够快速的搭建一个项目。而springboot主要的设计目的是为微服务而诞生的。在前后端分离架构中,前端请求后端接口必然存在跨域,后端只需要提供服务即可。 2.springboot配置跨域 编写cors配置类 import org.springframework.context.annotation.Bean; import or...
springboot解决跨域
一、 前端解决方案 1. 使用 JSONP 来支持跨域的请求,JSONP 实现跨域请求的原理简单的说,就是动态创建 script 标签,然后利用 script 的 SRC 不受同源策略约束来跨域获取数据。缺点是需 要后端配合输出特定的返回信息。 2. 利用反应代理的机制来解决跨域的问题,前端请求的时候先将请求发送到同源地址的后 ...
springboot 浏览器跨域测试方法
所谓同源是指,域名,协议,端口均相同后端应用了 RESTful 风格的开发方式,因为需要所有 Web API 都需要支持跨源资源共享(CORS),所以需要进行全局设置。首先跨域问题的测试方法为ajax请求浏览器报错信息为:No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'nul...
springboot非注解跨域
import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.ResourceHan...
springboot 跨域过滤器配置
 添加maven包依赖 <dependency> <groupId>com.thetransactioncompany</groupId> <artifactId>cors-filter</artifactId> <version>2.6</version> </dependency&amp
springboot跨域设置
菜鸟上路,有问题多多交流,好了,废话不说,最近自己做个demo,由于前后端分离了,于是使用了一下跨域,尝试网上的几种方法,不知道为什么使用过滤器的方式没有成功,没成功的我就不贴了。 注意: 项目:springboot demo 前端请求使用ajax 前端代码就不上传了,要注意一点的就是发请求的时候要全路径,http://192.168.0.103:8080/hello这样的 后端 直接
springboot前后端分离之跨域
springmvc有多种处理跨域的方法,介绍最简单的一种: @Configuration public class WebMvcConfig extends WebMvcConfigurerAdapter { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping...
基于SpringBoot的跨域解决方案
一:问题描述 跨域问题指的是浏览器的同源策略导致页面访问服务器报错的一系列问题。而同源策略指的是以下方式: DOM同源策略:禁止对不同源页面DOM进行操作。这里主要场景是iframe跨域的情况,不同域名的iframe是限制互相访问的。 XmlHttpRequest同源策略:禁止使用XHR对象向不同源的服务器地址发起HTTP请求。 二:解决方案 简单的解决方案请大家移步到博主的另一文章 ...
springboot实现跨域配置
springboot实现跨域配置 解决方法: 1.配置CorsFilter跨域处理器:http://www.yayihouse.com/yayishuwu/chapter/1919 2.重写CorsRegistration,配置路径规则 import org.springframework.web.cors.CorsConfiguration; import org.springf...
SpringBoot快速实现跨域
在我们做项目的接口开发过程中,有可能需要允许跨域请求,在SpringBoot项目的接口中,只需要添加CrossOrigin注解,即可实现跨域: /** * * @param id 数据ID * @param siteCode 站点代码 * @param lang 语言参数 * @return JSON */ @Reques
springboot 跨域解决方法
@Bean public FilterRegistrationBean corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); CorsConfiguration config = new CorsConfiguration...
springboot 跨域请求数据
加 @CrossOrigin 注解 前台url这么写
【springboot】 实现跨域
全局跨域很好找。 这里只说单独的类跨域。 在类上添加annotation: @CrossOrigin(origins = "*", maxAge = 3600)//跨域 接受所有的请求 maxAge飞行前响应的缓存持续时间的最大年龄(以秒为单位)。 如果跨域的类中使用了post方式接受数据,可能会引起乱码问题,添加 step2 中的代码即可 最终效果如下:
SpringBoot设置跨域
IDEA配置SpringBoot项目 跨域是指从一个域名的网页去请求另一个域名的资源。比如从http://www.baidu.com/ 页面去请求 http://www.google.com 的资源。跨域的严格一点的定义是:只要 协议,域名,端口有任何一个的不同,就被当作是跨域。 我这边是用SpringBoot开发的后段和Vue开发的前端,调用的时候端口不同,所以造成跨域。解决办法就是在服务器...
springboot接口跨域
最近写了一些springboot接口 postman测试通过之后当然就是实战测试。 然后就是经常遇到的一个问题: 之前写servlet接口时是写了一个跨域过滤器 Filter: package filter; import java.io.IOException; import javax.servlet.Filter; import javax.servlet.Fi...
(七)SpringBoot 跨域配置
  @Component public class CrossDomainFilter implements Filter { @Override public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {...
SpringBoot跨域上传文件
项目采用angular2+springBoot的分布式开发。 前端采用域名访问,后台服务采用ip提供。 上传时,出现了跨域问题。  经过几番查阅资料,终于解决: 在java的上传方法上加2个注解就可以搞定  CrossOrigin的参数为发出请求的地址,即前台地址,本地开发直接写localhost:+端口号即可。   资料来源:http://www.cnblogs.com/Good...
springboot配置跨域
springboot配置跨域 一、 文件名: CORSFilter 直接代码: import javax.servlet.Filter; import javax.servlet.annotation.WebFilter; import javax.servlet.*; import javax.servlet.http.HttpServletRequest; import javax.ser...
springboot 全局跨域配置
import org.springframework.stereotype.Component; import javax.servlet.*; import javax.servlet.http.HttpServletResponse; import java.io.IOException; /** * 跨域过滤器 * * @author lwz * @since 2018年6月19...
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法