fileapi是html5的乙個新特性，有了這個新特性，js就可以讀取本地的檔案了，然後實現真正的ajax上傳檔案了，而不是iframe方法，下面會介紹api的使用，以及實現ajax上傳檔案：
fileapi使用
定義上傳控制項：
type="file" name="pic" onchange="selfile();" />var files = document.getelementsbytagname('input')[0].files
;//filelist物件，檔案列表物件，表示有多個檔案被上傳，如果只有1個檔案上傳也是filelist物件
var files = document.getelementsbytagname('input')[0].files[0];//file物件，表示單個上傳檔案
頁面中主要有乙個上傳檔案按鈕，如果有檔案上傳，onchange事件被響應，selfile函式呼叫，然後js讀取上傳檔案、把檔名和大小顯示在頁面中、建立formdata物件並新增資料、ajax上傳檔案、預覽上傳檔案效果。
fileapi實現ajax上傳檔案title>
rel="stylesheet"
href="">
function
selfile
()script>
head>
type="file"
name="pic"
onchange="selfile();" />
id="debug">
div>
body>
html>11-fileapi.php檔案：
首先判斷是否有檔案上傳，然後判斷上傳是否成功，最後把檔案複製到當前目錄下的upload目錄下，檔名保持不變。
<?php
/** * fileapi實現ajax上傳檔案
*@author webbc
*/if(empty($_files))
if($_files['pic']['error'] !== 0)
move_uploaded_file($_files['pic']['tmp_name'],'./upload/'.$_files['pic']['name']);
?>
Ajax 使用jQuery 實現Ajax
get post 方式 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title document title 6head 7 script type text j ascript src jquery.js script 8...
使用jQuery實現ajax
一 jquery提供了 ajax 方法,利用此方法我們可以輕鬆發起ajax請求 ajax options 方法 json中的每個結構單元均由花括號 表示，每個結構中可以包含多個由逗號 分割的成員，而每個成員均是乙個 鍵 值 對。值不僅可以是普通的字串，也可以是乙個有序列表，用方括號標識，其中可以包含...
使用AJAX實現分頁
fenye.html 分頁www.cppcns.comgt fenye.php ajax分頁 鏈結資料庫 mysql connect localhost root mysql select db empmanage mysql query set name utf8 獲取總記錄數 rs mysql ...