在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...