iframe模擬Ajax上傳檔案

2022-04-13 04:22:40 字數 1292 閱讀 5006

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 這裡使...