解决图片上传的浏览器兼容问题

1、如下,在google中上传图片成功了,在IE中上传失败了:

google:

IE:

2、出现问题的地方:上传图片完成后返回的是Json数据,此时需要让响应的数据是text/plain(普通文本信息,比较通用)

返回的是一个Map,会被@ResponseBody转成json数据,这个时候需要想到的是让返回的不再是一个json数据即可

控制台:

3、解决办法:

@ResponseBody的意义是:不走逻辑视图,直接向响应浏览器,相当于使用response对象调用write方法写给浏览器,如果返回的是一个对象,会把这个对象转成json再返回,如果返回的是一个字符串,浏览器可以识别所以不用转换成json,所以响应方式是text/plain。如下图一把返回值换为String,所以需要修改下面的代码,先把返回的Map对象转换成json,再把json以字符串的形式返回

返回值:

把Map转换成json:(此时需要使用工具JsonUtil.java把java对象转换成json数据,JsonUtil的链接:链接:https://pan.baidu.com/s/1K6p83GUvwCiFylDApC03dQ 提取码:qleo )

①把工具类放到工程中:

②转换返回值:返回的json直接返回给浏览器,此时的Content-type默认就是text/plain

指定返回的字符集:

4、测试是否成功:

Google:

IE:

原文地址:https://www.cnblogs.com/rgever/p/10358284.html

时间: 2024-08-30 10:49:30

解决图片上传的浏览器兼容问题的相关文章

kindeditor Springmvc 整和解决图片上传问题

1. 在编辑页面引入js <script type="text/javascript" charset="utf-8" src="${basePath }/js/plugin/kindeditor-4.1.7/kindeditor-min.js"></script><script type="text/javascript" charset="utf-8" src="

解决图片上传到微信服务器后无法显示问题

<meta name = "referrer" content="no-referrer"/> vue项目里可以添加到app.vue 关于referrer 在页面引入图片.JS 等资源,或者从一个页面跳到另一个页面,都会产生新的 HTTP 请求,浏览器一般都会给这些请求头加上表示来源的 Referrer 字段.Referrer 在分析用户来源时很有用,有着广泛的使用.但 URL 可能包含用户敏感信息,如果被第三方网站拿到很不安全(例如之前不少 Wap 站

Nodejs之MEAN栈开发(四)-- form验证及图片上传

这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能.开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/ReadingClub 一.form验证 MVC的form验证有三个地方可以做,第一道关就是前端提交之前,第二道关就是在数据保存之前,也就是在controller中做验证,第三道关就是数据保存的时候,也就是如果提交的数据模型不符合实体定义的约束,数据是无法保存的,这是最后一道防线.第一道关主要是依赖于

form验证及图片上传

form验证及图片上传 这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能.开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/ReadingClub 一.form验证 MVC的form验证有三个地方可以做,第一道关就是前端提交之前,第二道关就是在数据保存之前,也就是在controller中做验证,第三道关就是数据保存的时候,也就是如果提交的数据模型不符合实体定义的约束,数据是无法保存的,这是最后一道防

2014-06-23图片上传处理

1.       将字符串转换为Guid的形式 System.Guid categoryId = newGuid(context.Request["CategoryId"]);//将字符串转换为Guid的形式 2.定义DataRow /*----------------------定义DataRow并赋值-------------------------*/ DataTable dt = newDataTable(); dt.Columns.Add(newDataColumn(&quo

关于ajaxFileUpload图片上传,success和error都触发的情况

最近做到项目使用JQuery的插件ajaxFileUpload~~~ 遇到了非常领人匪夷所思的事情,当图片上传成功之后呢(success),它的error事件也被触发了,情况就是: 后端数据正确返回 前端代码无误 代码如下: 1 $(document).on("change",".JS_uploadFile",function(){ 2 document.domain="bookingctrip.com";//解决图片上传跨域问题 3 var a

html5 图片上传,支持图片预览、压缩、及进度显示,兼容IE6+及标准浏览器

原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器 以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独的图片上传UI,支持图片预览和缩放(通过调整图片的大小以实现图片压缩). 上传组件特点 轻量级,不依赖任何JS库,核心代码(Q.Uploader.js)仅约700行,min版本加起来不到12KB 纯

JS图片上传预览插件制作(兼容到IE6)

其实,图片预览功能非常地常见.很意外,之前遇到上传图片的时候都不需要预览,也一直没有去实现过.现在手上的项目又需要有图片预览功能,所以就动手做了一个小插件.在此分享一下思路. 一.实现图片预览的一些方法. 了解了一下,其实方法都是大同小异的.大概有以下几种方式: ①订阅input[type=file]元素的onchange事件. 一旦选择的路径被改变就把图片上传至服务器,然后就返回图片在服务器端的地址,并且赋值到img元素上. 缺点:工作量大,有些上传并不是用户最终需要上传的图片,但是这种方式会

angularJS+Ionic移动端图片上传的解决办法

前端开发中经常会碰到图片上传的问题,网上的解决办法很多,可是有些图片上传的插件会有一些附属的插件,因此因为一个图片上传的问题可能额需要引入其他插件到项目中,久而久之项目会不伦不类,有时候插件之间也会有一些冲突,所以我们可以自己写一个图片上传的方法. 今天的demo是帮朋友做的一个移动端微信公众号项目,项目架构采用angular+ionic,因为对dom的操作jQuery会方便很多,但是jQuery比较厚重,所以最后选择用轻量级的zepto来对项目dom进行操作. 项目中有一个需求是上传个人作品,