解决kindeditor上传图片总是带本地域名的问题

1、先看下js代码这块对kindeditor的使用

 // 初始化图片上传组件
    initPicUpload : function(data){
    	$(".picFileUpload").each(function(i,e){
    		var _ele = $(e);
    		_ele.siblings("div.pics").remove();
    		_ele.after('\
    			<div class="pics">\
        			<ul></ul>\
        		</div>');
    		// 回显图片
        	if(data && data.pics){
        		var imgs = data.pics.split(",");
        		for(var i in imgs){
        			if($.trim(imgs[i]).length > 0){
        				_ele.siblings(".pics").find("ul").append("<li><a href='"+imgs[i]+"' target='_blank'><img src='"+imgs[i]+"' width='80' height='50' /></a></li>");
        			}
        		}
        	}
        	//给“上传图片按钮”绑定click事件
        	$(e).click(function(){
        		var form = $(this).parentsUntil("form").parent("form");
        		//打开图片上传窗口
        		KindEditor.editor(TT.kingEditorParams).loadPlugin('multiimage',function(){
        			var editor = this;
        			editor.plugin.multiImageDialog({
						clickFn : function(urlList) {
							var imgArray = [];
							KindEditor.each(urlList, function(i, data) {
								imgArray.push(data.url);
								form.find(".pics ul").append("<li><a href='"+data.url+"' target='_blank'><img src='"+data.url+"' width='80' height='50' /></a></li>");
							});
							form.find("[name=image]").val(imgArray.join(","));
							editor.hideDialog();
						}
					});
        		});
        	});
    	});
    },

        如果上传成功就会回显图片,另外图片的上传也是一张张进行上传的。

        返回的样式,可以去官网参看:http://kindeditor.net/docs/upload.html

        我遇见的问题是,在Google浏览器中返回的参数都正常,然而显示的时候自动带上了域名:http://localhost:8081/192.168.1.122:8888/group1/M00/00/00/wKgBelrwVi6AKp5uAAEudfMbAic642.png

            很郁闷,试了很多方法,包括指定他的返回域名的方式等,都不起作用,因为返回的格式确实是json样式的,后台代码中使用的Map装载信息,然后将用@ResponseBody注解,但是不行,最后还是看别人的代码才知道原来需要用人为的把它转成json数据。才成:具体代码:

@RequestMapping("/pic/upload")
	@ResponseBody
	public String picUploadFile(MultipartFile uploadFile) {
		try {
			// 获取接收的文件
			// 获取扩展名
			String originalName = uploadFile.getOriginalFilename();
			String extName = originalName.substring(originalName.lastIndexOf(".") + 1);
			// 上传图片的服务器
			FastDFSClient client = new FastDFSClient("classpath:resource/fastdfs-client.properties");
			String url = client.uploadFile(uploadFile.getBytes(), extName);
			// 响应的url
			url = IMG_SERVER_URL+ url;
			Map resut = new HashMap();
			resut.put("error", 0);
			resut.put("url", url);
			return JSON.toJSONString(resut);
		} catch (Exception e) {
			e.printStackTrace();
			Map resut = new HashMap();
			resut.put("error", 1);
			resut.put("message", "图片上传失败!");
			return JSON.toJSONString(resut);
		}
	}
            直到现在我也不明白,为什么Responsebody不行,他应该也是转json的啊!!!!
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值