jquery ajax上傳文件

HTML中的代碼
ajaxfileupload.js下載地址http://www.phpletter.com/DOWNLOAD/

<script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="ajaxfileupload.js"></script>
    <script type="text/javascript">
       function ajaxFileUpload()
               {
                  $.ajaxFileUpload
                     (
                       {
                            url:'doajaxfileupload.php', //你處理上傳文件的服務端
                            secureuri:false,
                            fileElementId:'img',
                            dataType: 'json',
                            success: function (data)
                                  {
                                    alert(data.file_infor);
                                  }
                               }
                         )

                       return false;
                 } 
     </script>
    <input id="img" type="file" size="45" name="img" class="input">
    <button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button>


PHP中的代碼
   <?php
     $upFilePath = "d:/";
     $ok=@move_uploaded_file($_FILES['img']['tmp_name'],$upFilePath);
   if($ok === FALSE){
    echo json_encode('file_infor'=>'上傳失敗');
   }else{
    echo json_encode('file_infor'=>'上傳成功');
   }
   ?>  

   

發佈了96 篇原創文章 · 獲贊 22 · 訪問量 58萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章