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.     }  
發佈了36 篇原創文章 · 獲贊 1 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章