ajax--iframe模擬ajax檔案上傳效果

js無權讀取本地的文件，so不能上傳文件但是
有這幾種方法
1 iframe偽裝jquery-uploaded-file
2 swf插件 (這個不講，是一個單獨的軟體
3 html5



iframe模擬ajax檔案上傳效果
1捕捉表單提交動作
2創建iframe3target修改指向iframe

4去掉iframe

<h1></h1>
<!-- enctype 属性可能的值：
application/x-www-form-urlencoded
multipart/form-data
text/plain
规定在发送表单数据之前如何对其进行编码。

target
规定在何处打开 action URL。（这边是iframe里） 
onsubmit 点击运行js的方法通过才到｀action

文件上传说没上传  enctype没写-->
	

js部分（用了jquery

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
	
	<script type="text/javascript">
	function upfile(){
		// 创建iframe 和属性name
		var ifname = &#39;up&#39;+Math.random();
		$(&#39;<iframe name="&#39; + ifname +&#39;">&#39;).appendTo($(&#39;body&#39;));
		// form表单加入target属性，form点击在iframe打开
		$(&#39;form:first&#39;).attr(&#39;target&#39;,ifname);

	}


	</script>

js代表文件上傳成功在先前寫的h1標籤出現訊息

<?php if(empty($_FILES)){
	exit(&#39;no file&#39;);
}

$error = $_FILES[&#39;pic&#39;][&#39;error&#39;] == 0 ? &#39;上传成功&#39;:&#39;上传失败&#39;;
echo "<script> parent.document.getElementsByTagName('h1')[0].innerHTML = '$error'";

?>

以上就介紹了ajax--iframe模擬ajax檔案上傳效果，包含了方面的內容，希望對PHP教學有興趣的朋友有所幫助。 🎜 🎜 🎜