`
wsxhbusbanana
  • 浏览: 32910 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

form+iframe上传文件返回json在IE下提示下载的问题(源于ueditor的错误)

阅读更多

     最近做系统的时候需要富文本编辑器,考察了很多,最后还是回头找ueditor亲密接触。至于如何将ueditor彻底放入我系统,而不是使用controller.jsp之类的文件转发的方式,将另起文章讨论。这里就遇到的单图上传返回json的时候IE提示下载的问题做解决方法的分析。我使用的是springmvc.

     现象:多图上传成功,但单图上传成功后直接图片不回显,IE提示下载upload.do文件(实际是我后台处理文件上传的class),且consol报系统连续运行后台上传文件处理方法三次,第一次成功后绑定request上下文再运行两次。

     结论:IE10以下版本对application/json类型数据支持力度不够,近几年直接返回json越来越流行,才导致各大浏览器通吃json,早期版本并不支持,直接就提示下载或保存。

     解决方法:在web.xml配置DispatcherServletd时指定的文件中(我指定的是spring-mvc.xml)加上返回对象时自动解析为json的配置:

 <!-- 避免IE在ajax请求时,返回json出现下载 此处配置与<context:annotation-config /><mvc:annotation-driven>配合使用效果一样-->
   <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter"	p:ignoreDefaultModelOnRedirect="true" >
   		<property name="messageConverters">	
   			<list>					
   				<bean id="jacksonMessageConverter" class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">    
			        <property name="supportedMediaTypes">
			            <list>
			                <value>text/html;charset=UTF-8</value>
			                <value>application/json;charset=UTF-8</value>
			            </list>
			        </property>
			    </bean>	
   			</list>			
   		</property>		
   	</bean>

 然后运行完美了。实际上这里的意思是用jackson自动将返回的各种对象转换成json。

         其实这个配置和<context:annotation-config /><mvc:annotation-driven/>配合使用效果一样的,如果还想使用jackson解析,那么可以这么写

 

<context:annotation-config /> 
<mvc:annotation-driven>
   	<mvc:message-converters register-defaults="true">			
   		<bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter" p:supportedMediaTypes="*/*" />		
   	</mvc:message-converters>
</mvc:annotation-driven>

 这就更简练了。

  实际上这俩是一样的,在<context:annotation-config />加载的时候会加载一些spring自己的东西,其中就有  org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter,所以意思是一样的。

这样配置了之后,ueditor使用,以及在form下隐藏iframe提交文件的时候返回json运行就很好了。

分享到:
评论

相关推荐

    ueditor出现后端配置问题

    下一步,我们需要配置 config.json 文件,这个文件是 ueditor 编辑器的核心配置文件,我们需要将其放置在正确的路径下,以便 ueditor 编辑器能够正确地加载它。在这里,我们可以将 config.json 文件放置在 static ...

    Spring+Vue整合UEditor富文本实现图片附件上传的方法

    通过UEditor的API,可以实现图片附件上传到服务器,并将上传文件的路径返回给前端。 关键技术点 1. UEditor的集成:UEditor的集成是整个实现的关键,需要将UEditor集成到Spring后端和Vue项目中。 2. 配置config....

    ueditor独立文件上传 .net示例

    在.NET项目中,你需要创建一个处理ueditor上传请求的控制器或API接口。通常,这个接口会接收到ueditor发送的POST请求,请求中包含了待上传文件的信息。服务器端需要验证请求的有效性,然后接收文件并保存到指定的...

    UEditor+ftp 后台文件 不用于修改

    在UEditor中集成FTP功能,可以使用户上传的文件直接存储到服务器,增强了后台管理的灵活性。 1. **UEditor基础介绍** - **安装与配置**:UEditor的安装通常包括下载源码、引入JavaScript文件、设置初始化参数等...

    UEditor(五)——解决上传图片时报错:未找到上传数据

    总之,解决UEditor上传图片时报错“未找到上传数据”的问题,需要从服务器端配置、URL设置、后端代码、权限以及返回数据格式等方面进行排查。同时,熟悉和利用好提供的库文件,可以更高效地实现文件上传功能。

    ueditor修改图片上传 文件上传 .net版 自定义文件夹

    本文将详细介绍如何在.NET环境下,针对ueditor进行图片和文件上传的自定义文件夹设置。 首先,ueditor的核心配置文件是`ueditor.config.js`,它位于ueditor的根目录下。在这个文件中,我们可以找到与上传相关的配置...

    ueditor基础功能demo(包含文件上传)

    《ueditor基础功能演示与文件上传详解》 ...通过对ueditor的深入理解和实践,开发者可以轻松构建出满足各种需求的在线编辑环境,尤其在文件上传功能上,ueditor提供了便捷的解决方案,使内容创作变得更加高效。

    UEditor+ftp 后台文件 不用于修改2

    【标题】"UEditor+ftp 后台文件 不用于修改2" 涉及到的知识点主要集中在两个核心工具上:UEditor 和 FTP。UEditor 是一个强大的在线富文本编辑器,而FTP(File Transfer Protocol)是用于在互联网上传输文件的标准...

    ueditor【去除Iframe限制版】

    百度ueditor是一个很好的编辑器,但是由于安全机制,不允许带iframe的内容提交(会自动过滤)。经过小编的多处的修改代码后,现在这个编辑器也支持使用iframe了!有需要的朋友可以下载来用!方便,有效!

    ueditor上传文件配置

    ueditor上传文件配置 ueditor是一个功能强大的富文本编辑器,广泛应用于各种Web应用程序中。其中,文件上传配置是ueditor的核心功能之一,本文将详细介绍ueditor上传文件配置的过程。 配置ueditor jar包 首先,...

    ueditor自定义图片上传

    本篇文章将深入探讨如何解决ueditor上传图片时的跨域问题以及如何自定义图片上传插件。 首先,我们要理解什么是跨域(CORS)。跨域是指一个域下的文档或脚本尝试请求另一个域下的资源时,如果两个域不相同,则...

    Ueditor上传图片+图片回显+图片在线管理配置说明

    Ueditor 默认使用的是服务器的绝对路径,而在某些环境下,如 Tomcat,这可能导致路径解析错误。 #### 解决方法一: 你可以通过修改 Ueditor 的源码来解决这个问题。找到 `ueditor.jar` 中的 `FileManager.java` ...

    百度富文本框(Ueditor)自定义上传接口,并解决单图片上传的跨域问题

    此外,为了提高用户体验,你还可以在前端添加上传进度条、错误提示等功能。 总之,自定义百度富文本框Ueditor的上传接口并解决跨域问题,主要涉及后端接口的设置、响应头的配置、Ueditor的配置修改以及前端的交互...

    解决Vue使用UEditor百度编辑器,上传图片服务配置问题(源码)

    以上就是解决Vue使用UEditor上传图片服务配置问题的基本步骤。记得在实际应用中,根据项目需求调整配置,并确保后端接口能够正确处理图片上传请求。通过Vue-UEditor组件,你可以在Vue项目中轻松集成并定制UEditor,...

    基于PHP的UEditor

    - **返回响应**:向UEditor发送JSON格式的响应,包含成功或失败信息以及可能的错误代码。 3. **优化与扩展** - **异步上传**:使用PHP的cURL库或file_get_contents函数实现文件的异步上传,提高用户体验。 - **...

    jsp开发ueditor smartUpload上传文件测试样例

    总结,这个“jsp开发ueditor smartUpload上传文件测试样例”主要涵盖了ueditor在JSP环境下的文件上传功能,特别是对中文乱码问题的处理,是开发者实现文件上传功能的一个实用参考。通过深入理解这个示例,开发者可以...

    ueditor struts2图片上传问题解决办法

    当上传过程中出现问题时,应提供清晰的错误信息反馈给用户,这可以通过ueditor的回调函数实现,也可以在Struts2的Action中捕获异常并返回错误代码。 10. **性能优化**: 考虑到大量图片上传可能带来的服务器压力...

    ueditor上传图片配置

    【标题】"ueditor上传图片配置"涉及到的是在SpringBoot框架下集成并配置ueditor,以便实现用户在编辑器中上传图片的功能。ueditor是一款流行的富文本编辑器,它提供了丰富的在线编辑功能,包括文字编辑、图片上传、...

    UEditor JSP 版本配置以及文件上传配置方法

    可以右击 editor.config.js 文件,选择 Properties,修改 encoding,然后在文件的开头添加一行代码:`window.UEDITOR_HOME_URL = "/webSite/ueditor/";`。 文件上传配置 为了实现文件上传功能,需要在 ueditor ...

    ueditor的安装文件

    在你的应用中创建一个视图,用于处理UEditor上传的文件。例如,在`views.py`中: ```python from django.http import JsonResponse from django.core.files.storage import default_storage def ueditor_upload...

Global site tag (gtag.js) - Google Analytics