PHP iframe模擬Ajax上傳檔案功能示例

2022-09-26 05:15:11 字數 689 閱讀 2323

在xmlhttprequest level 1中,ajax是不能夠上傳檔案的,因為js不能操作本地檔案,但是市場上有一些ajax非同步上傳檔案的外掛程式,是怎麼完成的呢?答案:可以使用iframe模擬ajax上傳檔案。接下來博主將使用iframe來模擬ajax來上傳檔案。

首先看一下效果圖:

檔案結構圖:

09-ifr程式設計客棧ame-upload.html檔案:

頁面中有乙個表單,表單中有乙個上傳檔案按鈕和提交按鈕,點選提交按鈕執行ajaxupload函式,然後動態建立iframe標籤,讓其不可見,最後設定表單的target屬性指向iframe。

iframe模擬ajax上傳檔案

程式設計客棧;script src="">

程式設計客棧

09-iframe-upload.php檔案:

首先延時3秒,為了能看到載入的,然後判斷是否有上傳檔案,然後返回一段js**,這段js是在頁面中顯示是否上傳成功

<?php /**

* iframe模擬ajax上傳檔案

* @author webbc

*/sleep(3);//延時3秒

if(empty($_files))

$error = $_files['pic']['error'] == 0?'succ':'fail';//判斷上傳是否成功

echo "";//顯示上傳是否成功

?>

POSTMAN模擬AJAX請求

環境 1 測試工具 postman 2 除錯框架 thinkphp 3 開發工具 phpstorm 需求 1 判斷http提交過來的請求是否為ajax 是 進行,修改 新增 否 進行查詢,並返回一條記錄 配置 1 postman配置 1 提交模式 post 2 headers增加引數 x reque...

模擬ajax的 script請求

模擬ajax的 script請求 param options description return description function createajax options options options 引數 jquery.ajaxsetup 是預設引數 type var s jquery....

iframe模擬Ajax上傳檔案

在xmlhttprequest level 1中,ajax是不能夠上傳檔案的,因為js不能操作本地檔案,但是市場上有一些ajax非同步上傳檔案的外掛程式,是怎麼完成的呢?答案 可以使用iframe模擬ajax上傳檔案。接下來博主將使用iframe來模擬ajax來上傳檔案。09 iframe uplo...