奶奶的：折腾了我二天，最终攻克了！网上有非常多样例。

但跟我的都不太一样，费话不多说了，上图   上代码： IE ,firefix,chrome 測试通过

js :这个主页面，部分代码，

function submitUpload(id){

	$("#imgSrc" + id +"").attr("alt", "图片上传中……");

	var imgID = id;

	if(id>0){

		imgID = 1;

	}

	var form=document.getElementById("formImg" + imgID +"");

	//form.action = getContextPath()+"/pc/sys/photoupload/singleup"; //必须先包括sys.js文件

	form.method = "post";

	form.idnum.value = id;

	var uriUp=domainStr+"/pc/sys/photoupload/singleup";

	form.action = uriUp;

	//用于返回

	var currentHref=window.location.href;

	var subHref=currentHref.substring(0, currentHref.lastIndexOf("/"));

	var input_domain = document.createElement("input");

	input_domain.setAttribute("name", "currentDomain");

	input_domain.setAttribute("value", subHref+"/callback-up.html");

	input_domain.setAttribute("type", "hidden");

	form.appendChild(input_domain);

	form.submit();

	//假设已经存在的图不是原图，则把server中的图片删除

	var currentPicPath =  $("#imgUrl" + id +"").val();

	if(!contains(origPics, currentPicPath) && currentPicPath!=""){

		delImg(currentPicPath, true);//true 删除图片

	}

};

// step2: 上传图片，后台回调

function callback(message) {

	var id=message.id;

	if(message.status.code=="0"){

		var filePath=message.filePath;

		var dbFilePath=message.dbFilePath;

		$("#imgUrl" + id +"").attr("value", dbFilePath);

		$("#imgSrc" + id +"").attr("src", filePath);

	}else{

		if(id!=0){

			$("#imgSrc" + id).parent().remove();

		}

		_message(message.status.message); //上传错误提示

	}

};

服务端处理  主要代码：

	// -----------------------------------------------------------------------------------

	// 单张图片上传，返回路径

	// ----------------------------------------------------------------------------------

	@RequestMapping(value = "/singleup", method = RequestMethod.POST)

	public void SingleUp(HttpServletRequest request, HttpServletResponse response, @RequestParam(value = "suffixDir", required = true) String suffixDir,

			@RequestParam(required = false, value = "cutPhoto") boolean cutPhoto, @RequestParam(required = false, value = "merchantId") String merchantId) throws Exception

	{

		StringBuffer basePath=new StringBuffer(request.getScheme());

		basePath.append("://");

		basePath.append(request.getServerName());

		basePath.append(":");

		basePath.append(request.getServerPort());

		basePath.append(request.getContextPath());

		basePath.append("/");

		basePath.append(FileUpload.getRealFilePath()/*.substring(0,FileUpload.getRealFilePath().length()-1)*/);

		User user = super.getLoginUser(request).getUser();

		if (user != null)

		{

			String filePath = fileUploadService.singleUpload(request, user, suffixDir, Fs.FileUpLoadType.PHOTO, cutPhoto, merchantId);

			// 处理返回状态

			UpoladStatus result = getStatus(filePath);

			String PromptSize = "";

			if (UpoladStatus.类型无效或图片过大.toString().equals(result.toString()))

			{

				// 2^10=1024

				PromptSize = "(最大限制:" + (FileUpload.photoSize >> 20) + "MB)";

			}

			PrintWriter out = response.getWriter();

			response.setHeader("Cache-Control", "none-cache");

			String idnum = request.getParameter("idnum");

			String reutrnDate = "{'id':'" + idnum + "','filePath':'" + basePath.append(filePath).toString() + "','dbFilePath':'" + filePath + "','status':{'code':'" + result.ordinal() + "','message':'" + result.name()

					+ PromptSize + "'}}";

			String currentDomain = request.getParameter("currentDomain");

			//<script>parent.parent.callback(" + reutrnDate + ");</script>

			String ret="<iframe id=\"ifr\" src=\""+currentDomain+"#"+reutrnDate+"\"></iframe>";

			//log.info("ret===:"+ret);

			out.print(ret);

		}

	}

中间html 转换用，关健

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

</head>

<body>

<script type="text/javascript">

//alert(document.domain);

var returndata=self.location.hash.substring(1);

var message = eval('(' + returndata + ')');

parent.parent.callback(message);

</script>

</body>

</html>

我不善长写讲程，真接看代码吧....

參考博文:http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#m3

js 利用iframe和location.hash跨域解决的方法，java图片上传回调JS函数跨域的更多相关文章

  1. 利用jquery.form.js实现将form提交转为ajax方式提交的方法（带上传的表单提交）

    提供一种方法就是利用jquery.form.js. (1)这个框架集合form提交.验证.上传的功能. 核心方法 -- ajaxForm() 和 ajaxSubmit() $('#myForm').a ...

  2. 阿里云OSS图片上传plupload.js结合jq-weui 图片上传的插件

    项目中用到了oss上传,用的plupload,奈何样式上不敢恭维,特别是放在移动端上使用.于是自己把它移植到了jq weui的上传图片组件上. 更改:选择照片后确认即及时上传至oss服务器,不限制上传 ...

  3. 玩转图片上传————原生js XMLHttpRequest 结合FormData对象实现的图片上传

    var form=document.getElementById("formId"); var formData=new FormData(form); var oReq = ne ...

  4. 前台图片上传展示JS（单张图片展示）

    <script type="text/javascript">    //下面用于多图片上传预览功能    function setImagePreviews(aval ...

  5. 图片上传 纯js编码

    ie8测试始终不支持,非ie方法一.二都正常 <!DOCTYPE html> <html lang="zh"> <head> <meta ...

  6. html + js 实现图片上传，压缩，预览及图片压缩后得到Blob对象继续上传问题

    先上效果 上传图片后(设置了最多上传3张图片,三张后上传按钮消失) 点击图片放大,可以使用删除和旋转按钮 (旋转功能主要是因为ios手机拍照后上传会有写图片被自动旋转,通过旋转功能可以调正) html ...

  7. spring mvc 图片上传,图片压缩、跨域解决、 按天生成文件夹 ,删除，限制为图片代码等相关配置

    spring mvc 图片上传,跨域解决 按天生成文件夹 ,删除,限制为图片代码,等相关配置 fs.root=data/ #fs.root=/home/dev/fs/ #fs.root=D:/fs/ ...

  8. HTML5笔记：跨域通讯、多线程、本地存储和多图片上传技术

    最近做项目在前端我使用了很多新技术,这些技术有bootstrap.angularjs,不过最让我兴奋的还是使用了HTML5的技术,今天我想总结一些HTML5的技术,好记性不如烂笔头,写写文章可以很好的 ...

  9. SWFUpload多图上传、C#后端跨域传文件带参数

    前几天工作中用到了SWFUpload上传图片,涉及到跨域,因为前端无法实现跨域,所以只能把文件传到后端进行跨域请求,整理分享下. 效果图 前端 html部分 <!DOCTYPE html> ...

随机推荐

  1. maven snapshot和release版本号之间的差

    在使用maven过程.我们经常会在不稳定的状态有很多公共图书馆在发展阶段.需要改变在任何时间和公布,你可能有一天一次发布.经验bug时间,甚至一天公布N次要.我们知道,.maven依赖管理是基于管理的 ...

  2. ASP.NET5

    ASP.NET5 2015年11月30日, ASP.NET 5 RC1 已经发布,本文尝试了一下ASP.NET5项目的创见一发布到IIS.开发环境,win10 64位,visual studio201 ...

  3. eclipse在maven项目交付svn忽略简介

    文章来源:http://blog.csdn.net/chaijunkun/article/details/34805385,转载请注明. 不时因为它将有关鲍恩梳理,它会做出相应的内容不变.文. ecl ...

  4. SDUTOJ 1298 活动选择

    #include<iostream> #include<memory.h> using namespace std; int a[105],b[105],c[105],d[10 ...

  5. HDU 2289 Cup（可以二分法，但是除了它的一半？）

    这道题目.运营商做数学题?算上两个子主题做?顶多算一个水主要议题... 首先,没有实际的二分法,但是,我们发现了一个新的解决方案,以取代二分法. 若果按照i从0,每次添加0.00000001我一直枚举 ...

  6. ZOJ 3820 Building Fire Stations

    题意: 树上找两个点  使得其它点到这两点随意一点的距离的最大值最小 思路: 最大值最小  想到二分  在二分的基础上判定这个最大值是否可能 怎样判定这个问题就是怎样选那两个点的问题  非常明显  我 ...

  7. Java 信号 Semaphore 简介

    Semaphore当前在多线程环境下被扩放使用.操作系统的信号量是个非常重要的概念,在进程控制方面都有应用. Java 并发库 的Semaphore 能够非常轻松完毕信号量控制,Semaphore能够 ...

  8. div+js 弹出层

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t ...

  9. 提升Mac os x 10.10+xcode6.1之后，Cocoapods发生故障的解决方案

    提升Mac OS X 10.10+Xcode 6.1之后.Cocoapods图书馆管理也依赖于相应升级.现在最新的Release版本号是 0.34.在之前的版本号.当数据库更新和管理,你会遇到一个错误 ...

  10. 如何识别SQL Server中的IO瓶颈

    原文:如何识别SQL Server中的IO瓶颈 原文出自: http://www.mssqltips.com/sqlservertip/2329/how-to-identify-io-bottlene ...