这篇文章主要介绍了thinkPHP5框架整合plupload实现图片批量上传功能的方法,结合实例形式分析了thinkPHP结合pluploadQueue实现上传功能的相关操作技巧,需要的朋友可以参考下。

本文实例讲述了thinkPHP5框架整合plupload实现图片批量上传功能的方法，分享给大家供大家参考，具体如下：

在官网下载plupload http://http//www.plupload.com

或者点击此处本站下载。

这里我们使用的是pluploadQueue

在HTML页面引入相应的css和js，然后根据示例代码修改为自己的代码

1. <link rel="stylesheet" href="/assets/plupupload/css/jquery.plupload.queue.css" rel="external nofollow" type="text/css" media="screen" /> 
2. <div class="form-box-header"><h3>{:lang('photo')}</h3></div> 
3. <div class="t-d-in-editor"> 
4.   <div class="t-d-in-box"> 
5.     <div id="uploader"> 
6.       <p>{:lang('plupupload_tip')}</p> 
7.     </div> 
8.     <div id="uploaded"></div> 
9.   </div> 
10. </div> 
11. <script type="text/javascript" src="/assets/plupupload/plupload.full.min.js"></script> 
12. <script type="text/javascript" src="/assets/plupupload/jquery.plupload.queue.js"></script> 
13. <script type="text/javascript"> 
14. $(function() { 
15. // Setup html5 version 
16. $("#uploader").pluploadQueue({ 
17. // General settings 
18. runtimes : 'html5,flash,silverlight,html4', 
19. url : '{:url("photo/upphoto")}', 
20. chunk_size: '1mb', 
21. rename : true, 
22. dragdrop: true, 
23. filters : { 
24. // Maximum file size 
25. max_file_size : '10mb', 
26. // Specify what files to browse for 
27. mime_types: [ 
28. {title : "Image files", extensions : "jpg,gif,png"} 
29. ] 
30. }, 
31. // Resize images on clientside if we can 
32. resize : {width : 320, height : 240, quality : 90}, 
33. flash_swf_url : '/assets/plupupload/Moxie.swf', 
34. silverlight_xap_url : '/assets/plupupload/Moxie.xap', 
35.         init: { 
36.             PostInit: function() { 
37.               $('#uploaded').html(""); 
38.             }, 
39.             FileUploaded : function(uploader , files, result) { 
40.               up_image = result.response; 
41.               if(up_image != ""){ 
42.                 $("#uploaded").append("<input type='hidden' name='images[]' value='"+up_image+"'/>"); //这里获取到上传结果 
43.               } 
44.             } 
45.         } 
46. }); 
47. }); 
48. </script> 

plupload整合：

1. <?php 
2. /*  
3.  * 文件上传 
4.  *  
5.  * Donald 
6.  * 2017-3-21 
7.  */ 
8. namespace app\backend\logic; 
9. use think\Model; 
10. class Plupupload extends Model{ 
11.   public function upload_pic($file_type="data"){ 
12.     #!! IMPORTANT:  
13.     #!! this file is just an example, it doesn't incorporate any security checks and 
14.     #!! is not recommended to be used in production environment as it is. Be sure to  
15.     #!! revise it and customize to your needs. 
16.     // Make sure file is not cached (as it happens for example on iOS devices) 
17.     header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); 
18.     header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); 
19.     header("Cache-Control: no-store, no-cache, must-revalidate"); 
20.     header("Cache-Control: post-check=0, pre-check=0", false); 
21.     header("Pragma: no-cache"); 
22.     /*  
23.     // Support CORS 
24.     header("Access-Control-Allow-Origin: *"); 
25.     // other CORS headers if any... 
26.     if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { 
27.         exit; // finish preflight CORS requests here 
28.     } 
29.     */ 
30.     // 5 minutes execution time 
31.     @set_time_limit(5 * 60); 
32.     // Uncomment this one to fake upload time 
33.     // usleep(5000); 
34.     // Settings 
35.     //重新设置上传路径 
36.     $uploads = config('uploads_dir'); 
37.     if(!emptyempty($file_type)){ 
38.       $uploads = $uploads .$file_type."/".date("Ymd"); 
39.     } 
40.     $targetDir = $uploads; 
41.     //$targetDir = 'uploads'; 
42.     $cleanupTargetDir = true; // Remove old files 
43.     $maxFileAge = 5 * 3600; // Temp file age in seconds 
44.     // Create target dir 
45.     if (!file_exists($targetDir)) { 
46.         @mkdir($targetDir); 
47.     } 
48.     // Get a file name 
49.     if (isset($_REQUEST["name"])) { 
50.         $fileName = $_REQUEST["name"]; 
51.     } elseif (!emptyempty($_FILES)) { 
52.         $fileName = $_FILES["file"]["name"]; 
53.     } else { 
54.         $fileName = uniqid("file_"); 
55.     } 
56.     //重命名文件 
57.     $fileName_arr = explode(".", $fileName); 
58.     $fileName = myrule().".".$fileName_arr[1]; //rule()请查看上篇我的上篇博客thinkphp同时上传多张图片文件重名问题 
59.     $filePath = $targetDir . DIRECTORY_SEPARATOR . $fileName; 
60.     // Chunking might be enabled 
61.     $chunk = isset($_REQUEST["chunk"]) ? intval($_REQUEST["chunk"]) : 0; 
62.     $chunks = isset($_REQUEST["chunks"]) ? intval($_REQUEST["chunks"]) : 0; 
63.     // Remove old temp files  
64.     if ($cleanupTargetDir) { 
65.         if (!is_dir($targetDir) || !$dir = opendir($targetDir)) { 
66.             die('{"jsonrpc" : "2.0", "error" : {"code": 100, "message": "Failed to open temp directory."}, "id" : "id"}'); 
67.         } 
68.         while (($file = readdir($dir)) !== false) { 
69.             $tmpfilePath = $targetDir . DIRECTORY_SEPARATOR . $file; 
70.             // If temp file is current file proceed to the next 
71.             if ($tmpfilePath == "{$filePath}.part") { 
72.                 continue; 
73.             } 
74.             // Remove temp file if it is older than the max age and is not the current file 
75.             if (preg_match('/\.part$/', $file) && (filemtime($tmpfilePath) < time() - $maxFileAge)) { 
76.                 @unlink($tmpfilePath); 
77.             } 
78.         } 
79.         closedir($dir); 
80.     }  
81.     // Open temp file 
82.     if (!$out = @fopen("{$filePath}.part", $chunks ? "ab" : "wb")) { 
83.         die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}'); 
84.     } 
85.     if (!emptyempty($_FILES)) { 
86.         if ($_FILES["file"]["error"] || !is_uploaded_file($_FILES["file"]["tmp_name"])) { 
87.             die('{"jsonrpc" : "2.0", "error" : {"code": 103, "message": "Failed to move uploaded file."}, "id" : "id"}'); 
88.         } 
89.         // Read binary input stream and append it to temp file 
90.         if (!$in = @fopen($_FILES["file"]["tmp_name"], "rb")) { 
91.             die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}'); 
92.         } 
93.     } else {  
94.         if (!$in = @fopen("php://input", "rb")) { 
95.             die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}'); 
96.         } 
97.     } 
98.     while ($buff = fread($in, 4096)) { 
99.         fwrite($out, $buff); 
100.     } 
101.     @fclose($out); 
102.     @fclose($in); 
103.     // Check if file has been uploaded 
104.     if (!$chunks || $chunk == $chunks - 1) { 
105.         // Strip the temp .part suffix off  
106.         rename("{$filePath}.part", $filePath); 
107.     } 
108.     // Return Success JSON-RPC response 
109.     die($filePath); //这里直接返回结果 
110.     // die('{"jsonrpc" : "2.0", "result" : "'.$filePath.'", "id" : "id"}'); 
111.   } 
112. } 

最后Controller或Model获取结果并保存

$images = $request->post('images/a'); //这里一定要注意， thinkphp通过name获取post数组时会获取不到数据，需要在name后加/a，表示获取数组详见Request的typeCast

model('PhotoImage')->query_insert($images, $id);//批量插入图片

1. /** 
2. * 强制类型转换 
3. * @param string $data 
4. * @param string $type 
5. * @return mixed 
6. */ 
7. private function typeCast(&$data, $type) 
8. { 
9.     switch (strtolower($type)) { 
10.       // 数组 
11.       case 'a': 
12.         $data = (array) $data; 
13.         break; 
14.       // 数字 
15.       case 'd': 
16.         $data = (int) $data; 
17.         break; 
18.       // 浮点 
19.       case 'f': 
20.         $data = (float) $data; 
21.         break; 
22.       // 布尔 
23.       case 'b': 
24.         $data = (boolean) $data; 
25.         break; 
26.       // 字符串 
27.       case 's': 
28.       default: 
29.         if (is_scalar($data)) { 
30.           $data = (string) $data; 
31.         } else { 
32.           throw new \InvalidArgumentException('variable type error：' . gettype($data)); 
33.         } 
34.     } 
35. }

Tags: thinkPHP5 plupload

分享到：