最近做系统的时候需要富文本编辑器,考察了很多,最后还是回头找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运行就很好了。
相关推荐
下一步,我们需要配置 config.json 文件,这个文件是 ueditor 编辑器的核心配置文件,我们需要将其放置在正确的路径下,以便 ueditor 编辑器能够正确地加载它。在这里,我们可以将 config.json 文件放置在 static ...
通过UEditor的API,可以实现图片附件上传到服务器,并将上传文件的路径返回给前端。 关键技术点 1. UEditor的集成:UEditor的集成是整个实现的关键,需要将UEditor集成到Spring后端和Vue项目中。 2. 配置config....
在.NET项目中,你需要创建一个处理ueditor上传请求的控制器或API接口。通常,这个接口会接收到ueditor发送的POST请求,请求中包含了待上传文件的信息。服务器端需要验证请求的有效性,然后接收文件并保存到指定的...
在UEditor中集成FTP功能,可以使用户上传的文件直接存储到服务器,增强了后台管理的灵活性。 1. **UEditor基础介绍** - **安装与配置**:UEditor的安装通常包括下载源码、引入JavaScript文件、设置初始化参数等...
总之,解决UEditor上传图片时报错“未找到上传数据”的问题,需要从服务器端配置、URL设置、后端代码、权限以及返回数据格式等方面进行排查。同时,熟悉和利用好提供的库文件,可以更高效地实现文件上传功能。
本文将详细介绍如何在.NET环境下,针对ueditor进行图片和文件上传的自定义文件夹设置。 首先,ueditor的核心配置文件是`ueditor.config.js`,它位于ueditor的根目录下。在这个文件中,我们可以找到与上传相关的配置...
《ueditor基础功能演示与文件上传详解》 ...通过对ueditor的深入理解和实践,开发者可以轻松构建出满足各种需求的在线编辑环境,尤其在文件上传功能上,ueditor提供了便捷的解决方案,使内容创作变得更加高效。
【标题】"UEditor+ftp 后台文件 不用于修改2" 涉及到的知识点主要集中在两个核心工具上:UEditor 和 FTP。UEditor 是一个强大的在线富文本编辑器,而FTP(File Transfer Protocol)是用于在互联网上传输文件的标准...
百度ueditor是一个很好的编辑器,但是由于安全机制,不允许带iframe的内容提交(会自动过滤)。经过小编的多处的修改代码后,现在这个编辑器也支持使用iframe了!有需要的朋友可以下载来用!方便,有效!
ueditor上传文件配置 ueditor是一个功能强大的富文本编辑器,广泛应用于各种Web应用程序中。其中,文件上传配置是ueditor的核心功能之一,本文将详细介绍ueditor上传文件配置的过程。 配置ueditor jar包 首先,...
Ueditor 默认使用的是服务器的绝对路径,而在某些环境下,如 Tomcat,这可能导致路径解析错误。 #### 解决方法一: 你可以通过修改 Ueditor 的源码来解决这个问题。找到 `ueditor.jar` 中的 `FileManager.java` ...
本篇文章将深入探讨如何解决ueditor上传图片时的跨域问题以及如何自定义图片上传插件。 首先,我们要理解什么是跨域(CORS)。跨域是指一个域下的文档或脚本尝试请求另一个域下的资源时,如果两个域不相同,则...
此外,为了提高用户体验,你还可以在前端添加上传进度条、错误提示等功能。 总之,自定义百度富文本框Ueditor的上传接口并解决跨域问题,主要涉及后端接口的设置、响应头的配置、Ueditor的配置修改以及前端的交互...
以上就是解决Vue使用UEditor上传图片服务配置问题的基本步骤。记得在实际应用中,根据项目需求调整配置,并确保后端接口能够正确处理图片上传请求。通过Vue-UEditor组件,你可以在Vue项目中轻松集成并定制UEditor,...
- **返回响应**:向UEditor发送JSON格式的响应,包含成功或失败信息以及可能的错误代码。 3. **优化与扩展** - **异步上传**:使用PHP的cURL库或file_get_contents函数实现文件的异步上传,提高用户体验。 - **...
总结,这个“jsp开发ueditor smartUpload上传文件测试样例”主要涵盖了ueditor在JSP环境下的文件上传功能,特别是对中文乱码问题的处理,是开发者实现文件上传功能的一个实用参考。通过深入理解这个示例,开发者可以...
当上传过程中出现问题时,应提供清晰的错误信息反馈给用户,这可以通过ueditor的回调函数实现,也可以在Struts2的Action中捕获异常并返回错误代码。 10. **性能优化**: 考虑到大量图片上传可能带来的服务器压力...
【标题】"ueditor上传图片配置"涉及到的是在SpringBoot框架下集成并配置ueditor,以便实现用户在编辑器中上传图片的功能。ueditor是一款流行的富文本编辑器,它提供了丰富的在线编辑功能,包括文字编辑、图片上传、...
可以右击 editor.config.js 文件,选择 Properties,修改 encoding,然后在文件的开头添加一行代码:`window.UEDITOR_HOME_URL = "/webSite/ueditor/";`。 文件上传配置 为了实现文件上传功能,需要在 ueditor ...
在你的应用中创建一个视图,用于处理UEditor上传的文件。例如,在`views.py`中: ```python from django.http import JsonResponse from django.core.files.storage import default_storage def ueditor_upload...