ajax上传文件

[php] view plain copy

1. <input type="file" id="file" /><br />  
2. <input type="button" id="upload" value="上传" />    

script部分：

[php] view plain copy

1. $("#upload").click(function () {  
2.                 var formData = new FormData();  
3.                 formData.append("myfile", document.getElementById("file").files[0]);     
4.                 $.ajax({  
5.                     url: "index.php?r=chat/img",  
6.                     type: "POST",  
7.                     data: formData,  
8.                     /** 
9.                     *必须false才会自动加上正确的Content-Type 
10.                     */  
11.                     contentType: false,  
12.                     /** 
13.                     * 必须false才会避开jQuery对 formdata 的默认处理 
14.                     * XMLHttpRequest会对 formdata 进行正确的处理 
15.                     */  
16.                     processData: false,  
17.                     success: function (data) {  
18.                        if (data == true) {  
19.                         alert('上传成功');  
20.                        }  
21.                     },  
22.                     error: function () {  
23.                         alert("上传失败！");  
24.                     }  
25.                 });  
26.             });  

后台请求地址：

[php] view plain copy

1. public function actionImg(){  
2.          $res = move_uploaded_file($_FILES['myfile']['tmp_name'],'./pic/'.$_FILES['myfile']['name']);  
3.     echo $res;  
4.     }