在xmlhttprequest level 1
中,ajax是不能夠上傳檔案的,因為js不能操作本地檔案,但是市場上有一些ajax非同步上傳檔案的外掛程式,是怎麼完成的呢?答案:可以使用iframe
模擬ajax上傳檔案。接下來博主將使用iframe來模擬ajax來上傳檔案。
09-iframe-upload.html檔案:
頁面中有乙個表單,表單中有乙個上傳檔案按鈕和提交按鈕,點選提交按鈕執行ajaxupload函式,然後動態建立iframe標籤,讓其不可見,最後設定表單的target屬性指向iframe。
iframe模擬ajax上傳檔案title>
rel="stylesheet"
href="">
head>
src="">
script>
/** * 檔案上傳
* @return bool 是否提交表單
* 1、捕捉表單提交的動作
* 2、動態建立iframe標籤,然其不可見
* 3、設定表單的target屬性指向iframe
*/function
ajaxupload
()script>
iframe模擬ajax上傳檔案h1>
id="progress">
h2>
action="09-iframe-upload.php"
method="post"
enctype="multipart/form-data"
onsubmit="return ajaxupload();">
type="file"
name="pic"/>
p>
type="submit"
value="提交" />
p>
form>
body>
html>
<?php
/** * iframe模擬ajax上傳檔案
*@author webbc
*/sleep(3);//延時3秒
if(empty($_files))
$error = $_files['pic']['error'] == 0?'succ':'fail';//判斷上傳是否成功
echo "";//顯示上傳是否成功
?>
PHP iframe模擬Ajax上傳檔案功能示例
在xmlhttprequest level 1中,ajax是不能夠上傳檔案的,因為js不能操作本地檔案,但是市場上有一些ajax非同步上傳檔案的外掛程式,是怎麼完成的呢?答案 可以使用iframe模擬ajax上傳檔案。接下來博主將使用iframe來模擬ajax來上傳檔案。首先看一下效果圖 檔案結構圖...
ajax效果模擬 隱藏的iframe無重新整理效果
在ajax流行之前如何實現無重新整理提交表單呢?其實用隱藏的iframe完全可以實現該功能,看乙個測試的小例子。ryadd.jsp 全域性方法 function reset action public class ryaction cathc exception ex return result 省...
通過WebClient模擬post上傳檔案到伺服器
最近一直在研究sharepoint的文件庫,在上傳檔案到文件庫的過程中,需要模擬post請求,也查詢了幾種模擬方式,webclient算是比較簡單的方式。這裡寫乙個簡單接受post請求的aspx頁面,如下 1 namespace wolfy.uploaddemo218 19 20 21 22 這裡使...