editor.md上传图片 image-dialog.js报错解决_editormd 上传图片时出现这个错误 uncaught syntaxerror: unexpe-优快云博客

在使用editor.md富文本编辑器时遇到上传图片失败的问题，错误源于csrf保护。临时解决方案是关闭SpringBoot的csrf，但在Security配置中关闭csrf并不理想。正确做法是修改image-dialog.js文件，添加支持csrf的代码，调整前端和后端交互以包含token，从而确保安全上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用富文本编辑器editor.md的过程中，发现前后端代码都没有问题，但是总是报错，不能上传成功，也没有进入后台上传图片部分的代码。

报错信息如下：

jquery.js:8510 POST http://localhost/uploadFile?guid=1557654068165 405
trigger @ jquery.js:8510
(anonymous) @ jquery.js:8549
each @ jquery.js:367
each @ jquery.js:202
trigger @ jquery.js:8548
(anonymous) @ image-dialog.js:176
dispatch @ jquery.js:5237
elemData.handle @ jquery.js:5044
VM366:1 Uncaught SyntaxError: Unexpected token W in JSON at position 0
    at JSON.parse (<anonymous>)
    at HTMLIFrameElement.uploadIframe.onload (image-dialog.js:161)

经过多次调试检验，发现是由于使用了csrf导致的，使用了csrf在前后端交互过程中必须带有一个token。

暂时的解决方法是关闭csrf…
在Security配置代码中添加关闭csrf的代码:

	@Override
	protected void configure(HttpSecurity http) throws Exception {
		http.authorizeRequests().antMatchers("/css/**", "/js/**", "/fonts/**", "/index", "/editormd/**").permitAll() // 都可以访问
				.antMatchers("/admin/**").hasRole("ADMIN") // 需要相应的角色才能访问
				.and()
				.formLogin()   //基于 F