彰化一整天的論壇

 找回密碼
 立即註冊
查看: 900|回復: 0

jQuery上傳檔案教學

[複製鏈接]
發表於 2016-5-26 14:45:07 | 顯示全部樓層 |閱讀模式
index.htm
  1. <html>
  2. <head>
  3.   <title>jQuery Upload Demo.</title>
  4.   <link href="http://hayageek.github.io/jQuery-Upload-File/uploadfile.min.css" rel="stylesheet">
  5.   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  6.   <script src="http://hayageek.github.io/jQuery-Upload-File/jquery.uploadfile.min.js"></script>
  7.   <script>
  8.     $(document).ready(function()
  9.     {
  10.         $("#fileuploader").uploadFile({
  11.         url:"upload.php",
  12.         fileName:"myfile"
  13.         });
  14.     });
  15.   </script>
  16. </head>
  17. <body>

  18.   <div id="fileuploader">Upload</div>

  19. </body>
  20. </html>
複製代碼
upload.php
  1. <?php
  2. $output_dir = "uploads/";
  3. if(isset($_FILES["myfile"]))
  4. {
  5.         $ret = array();
  6.                
  7.         //判斷是單一或多個檔案上傳
  8.         if(!is_array($_FILES["myfile"]["name"])) //單一檔案
  9.         {
  10.                  $fileName = $_FILES["myfile"]["name"];
  11.                 move_uploaded_file($_FILES["myfile"]["tmp_name"],$output_dir.$fileName);
  12.             $ret[]= $fileName;
  13.         }
  14.         else  //多個檔案
  15.         {
  16.           $fileCount = count($_FILES["myfile"]["name"]);
  17.           for($i=0; $i < $fileCount; $i++)
  18.           {
  19.                   $fileName = $_FILES["myfile"]["name"][$i];
  20.                 move_uploaded_file($_FILES["myfile"]["tmp_name"][$i],$output_dir.$fileName);
  21.                   $ret[]= $fileName;
  22.           }
  23.        
  24.         }
  25.     echo json_encode($ret);
  26. }
  27. ?>
複製代碼
資料來源: http://jerry17768java.blogspot.tw/2014/08/jquery.html

回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

 ㄚ母滴雞湯
 員林香純滴雞精

Archiver|手機版|小黑屋|彰化一整天的論壇(Excel,Office)  |网站地图

GMT+8, 2019-8-19 10:14 , Processed in 0.136828 second(s), 19 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表