淘淘商城13-商城后台新增商品之KindEditor上传图片浏览器兼容问题

目录

1.浏览器兼容问题分析

2.解决方案

2.1封装JsonUtils

2.2修改cotroller

3.测试访问


如果出现商城后台新增商品添加图片无法出现的问题,是因为添加图片这个按钮本质上是一个Flash ,需要火狐浏览器中安装 Adobe Flash Player插件解析。我这里火狐直接提示让我安装了,但是安装失败了。火狐添加flash插件步骤

使用火狐上传图片时:

1.浏览器兼容问题分析

淘淘商城12-商城后台新增商品之上传图片我们实现了图片上传功能,但是在使用火狐,ie浏览器,上传图片时虽然可以上传到fastdfs服务器,但是会出现上传错误的提示。

由于火狐,ie浏览器无法识别Map类型。为了解决这个兼容性问题,我们需要修改下返回值类型,将Map类型变为String类型

2.解决方案

首先我们要知道@ResponseBody的原理,它会将我们的返回值直接将数据写入到输入流中,在使用此注解之后不会再走试图处理器。如果我们返回的是一个对象,它将会帮我们的对象转为json在将数据写入到输入流中。在帮我们转为json时使用的是jackson.jar。

在cotroller中,我们不让@ResponseBody帮我们将map转为json,我们自己转成json,将返回值改为String。

2.1封装JsonUtils

我们使用springmvc自带的jackson封装成JsonUtils,放在taotao-common中。

package com.taotao.common.utils;

import java.util.List;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.JavaType;
import com.fasterxml.jackson.databind.ObjectMapper;

/**
 * 
 */
public class JsonUtils {

    // 定义jackson对象
    private static final ObjectMapper MAPPER = new ObjectMapper();

    /**
     * 将对象转换成json字符串。
     * <p>Title: pojoToJson</p>
     * <p>Description: </p>
     * @param data
     * @return
     */
    public static String objectToJson(Object data) {
    	try {
			String string = MAPPER.writeValueAsString(data);
			return string;
		} catch (JsonProcessingException e) {
			e.printStackTrace();
		}
    	return null;
    }
    
    /**
     * 将json结果集转化为对象
     * 
     * @param jsonData json数据
     * @param clazz 对象中的object类型
     * @return
     */
    public static <T> T jsonToPojo(String jsonData, Class<T> beanType) {
        try {
            T t = MAPPER.readValue(jsonData, beanType);
            return t;
        } catch (Exception e) {
        	e.printStackTrace();
        }
        return null;
    }
    
    /**
     * 将json数据转换成pojo对象list
     * <p>Title: jsonToList</p>
     * <p>Description: </p>
     * @param jsonData
     * @param beanType
     * @return
     */
    public static <T>List<T> jsonToList(String jsonData, Class<T> beanType) {
    	JavaType javaType = MAPPER.getTypeFactory().constructParametricType(List.class, beanType);
    	try {
    		List<T> list = MAPPER.readValue(jsonData, javaType);
    		return list;
		} catch (Exception e) {
			e.printStackTrace();
		}
    	
    	return null;
    }
    
}

2.2修改cotroller

使用@ResponseBody注解返回对象时,Content-Type响应头的值默认为application/json;charset=UTF-8,而要解决浏览器兼容性问题,则需要返回字符串,并且Content-Type响应头的值要为text/plan;charset=UTF-8

3.测试访问

安装taotao-common,重启taotao-manager-web

使用火狐上传成功

猜你喜欢

转载自blog.csdn.net/pdsu161530247/article/details/81782586