文件上传 浏览器兼容 请前辈们帮忙 谢谢

  	<form id="myForm" action="${pageContext.request.contextPath}/uploadPicture.action" enctype="multipart/form-data" method="post">

  		<input type="file" id="file1" name="image" style="display: none"/>

  	</form>

文件上传 需求：隐藏file 放到美工做好的一个输入框中进行提交

	$(document).ready(function() {

 		//$("#file1").hide();//隐藏

		$("#kuang").focus(function() {

			//alert("123");

			$("#file1").click();   // 选择需要上传的图片

			$("#kuang").val($("#file1").val());  // 显示出来吧

		});

		

		$("#shangchuan").bind("click", function() {

			alert("23432");

			if($("#kuang").val() == null || $("#kuang").val() == "")  {

				alert("请先点击输入框选择需要上传的图片！");	

			}else {

				// 进行提交form

				//alert("进行提交form");

				

				//$.post(url);

				$.ajax({

					type: "post",

					url:  "${pageContext.request.contextPath}/uploadPicture.action",

					contentType: "multipart/form-data"

				});

				//$("#myForm").submit();

				//alert("ddd");

			}

		});

	});

现在的问题是没法提交form fire可以提交但是必须点击两次提交才可以 这个from 怎么提交啊 谢谢前辈们了 我搞了快一天了 搞不出来了 谢谢了
------解决方案--------------------
http://blog.csdn.net/bkq421511585/article/details/7197893

http://blog.csdn.net/bkq421511585/article/details/7197725


授之以鱼，不如授之以渔

自己看看 貌似能学到点