多附件上传控件plupload的使用心得
http://www.cnblogs.com/luckybird/archive/2013/01/15/2861072.html
官方例子:http://www.plupload.com/examples/runtimes
中文文档：http://www.cnblogs.com/God-Shell/articles/3209708.html
官方的源码好像不能用，就打开例子页面，从例子拿到几个js,见附件：
官方说:要想获得服务器在上传完成后，返回的信息，就使jquery.plupload.queue.js
|
1 2 3 4 5 |
Js代码 var uploader = $("#" + obj.divId).pluploadQueue(); uploader.bind('FileUploaded', function (up, files, response) { response//这个就是服务器返回的信息 }); |
cakephp:
|
1 2 3 4 5 6 7 |
Php代码 echo $this->Html->css("/js/plugins/plupload/js/jquery.ui.plupload/css/jquery.ui.plupload"); echo $this->Html->css("/js/plugins/plupload/js/jquery.plupload.queue/css/jquery.plupload.queue"); echo $this->Html->script("plugins/plupload/browserplus-min"); echo $this->Html->script("plugins/plupload/plupload.full"); echo $this->Html->script("plugins/plupload/jquery.plupload.queue"); echo $this->Html->script("plugins/plupload/js/i18n/zh_CN"); |
|
1 2 3 4 |
Html代码 <div id="uploader"> <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p> </div> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
Js代码 $("#uploader").pluploadQueue({ // General settings runtimes : 'html5', url : "/Admin/upload", chunk_size : '1mb', unique_names : true, filters : { max_file_size : '10mb', mime_types: [ {title : "Image files", extensions : "jpg,gif,png"}, {title : "Zip files", extensions : "zip"} ] }, // Resize images on clientside if we can resize : {width : 320, height : 240, quality : 90}, flash_swf_url: '/js/plugins/upload/plupload.flash.swf', silverlight_xap_url: '/js/plugins/upload/plupload.silverlight.xap' }); var uploader= $("#uploader").pluploadQueue(); uploader.bind('FileUploaded', function (up, files, response) { alert($.toJSON(response)); }); |
两个后台接受文件
Java:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
Java代码 @ResponseBody @RequestMapping(value = "/up", method = RequestMethod.POST) public Object uploadFile(HttpServletRequest request, HttpServletResponse response) throws Exception { /*Map map = new HashMap(); Enumeration paramNames = request.getParameterNames(); while (paramNames.hasMoreElements()) { String paramName = (String) paramNames.nextElement(); String[] paramValues = request.getParameterValues(paramName); if (paramValues.length == 1) { String paramValue = paramValues[0]; if (paramValue.length() != 0) { System.out.println("参数：" + paramName + "=" + paramValue); map.put(paramName, paramValue); } } }*/ Map<String, Object> result = new HashMap<String, Object>(); Map<String, Object> fileInfo = new HashMap<String, Object>(); Map<String, Object> feedback = new HashMap<String, Object>(); MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; MultipartFile file = multipartRequest.getFile("file"); String filename = request.getParameter("name"); File outFile = null; FileOutputStream fos = null; // 获得输入流： try { byte[] b = file.getBytes(); outFile = Directory.createTemplate(); fileInfo.put("clientFileName", filename); log.debug(outFile.getName() + ":" + EncDecUtils.encodeBase64(outFile.getName())); fileInfo.put("serverFileName", EncDecUtils.encodeBase64(outFile.getName())); result.put("fileInfo", fileInfo); fos = new FileOutputStream(outFile); fos.write(b); log.debug("上传文件成功,名字:{},{}", new Object[]{filename, outFile.getAbsoluteFile()}); } catch (IOException e) { feedback.put("message", "上传出现错误"); feedback.put("success", false); result.put("feedback", feedback); result.put("serverStatus", "500"); //log.debug(JSONUtils.bean2str(result)); log.debug("上传出现异常:{}" + e); return result; } finally { if (fos != null) fos.close(); } feedback.put("message", "上传成功."); feedback.put("success", true); result.put("feedback", feedback); result.put("serverStatus", "200"); log.debug(JSONUtils.bean2str(result)); return result; } |
PHP:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 |
Php代码 <?php /** * upload.php * * Copyright 2013, Moxiecode Systems AB * Released under GPL License. * * License: http://www.plupload.com/license * Contributing: http://www.plupload.com/contributing */ #!! IMPORTANT: #!! this file is just an example, it doesn't incorporate any security checks and #!! is not recommended to be used in production environment as it is. Be sure to #!! revise it and customize to your needs. // Make sure file is not cached (as it happens for example on iOS devices) header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); header("Cache-Control: no-store, no-cache, must-revalidate"); header("Cache-Control: post-check=0, pre-check=0", false); header("Pragma: no-cache"); /* // Support CORS header("Access-Control-Allow-Origin: *"); // other CORS headers if any... if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { exit; // finish preflight CORS requests here } */ // 5 minutes execution time @set_time_limit(5 * 60); // Uncomment this one to fake upload time // usleep(5000); // Settings $targetDir = ini_get("upload_tmp_dir") . DIRECTORY_SEPARATOR . "plupload"; //$targetDir = 'uploads'; $cleanupTargetDir = true; // Remove old files $maxFileAge = 5 * 3600; // Temp file age in seconds // Create target dir if (!file_exists($targetDir)) { @mkdir($targetDir); } // Get a file name if (isset($_REQUEST["name"])) { $fileName = $_REQUEST["name"]; } elseif (!emptyempty($_FILES)) { $fileName = $_FILES["file"]["name"]; } else { $fileName = uniqid("file_"); } $filePath = $targetDir . DIRECTORY_SEPARATOR . $fileName; // Chunking might be enabled $chunk = isset($_REQUEST["chunk"]) ? intval($_REQUEST["chunk"]) : 0; $chunks = isset($_REQUEST["chunks"]) ? intval($_REQUEST["chunks"]) : 0; // Remove old temp files if ($cleanupTargetDir) { if (!is_dir($targetDir) || !$dir = opendir($targetDir)) { die('{"jsonrpc" : "2.0", "error" : {"code": 100, "message": "Failed to open temp directory."}, "id" : "id"}'); } while (($file = readdir($dir)) !== false) { $tmpfilePath = $targetDir . DIRECTORY_SEPARATOR . $file; // If temp file is current file proceed to the next if ($tmpfilePath == "{$filePath}.part") { continue; } // Remove temp file if it is older than the max age and is not the current file if (preg_match('/\.part$/', $file) && (filemtime($tmpfilePath) < time() - $maxFileAge)) { @unlink($tmpfilePath); } } closedir($dir); } // Open temp file if (!$out = @fopen("{$filePath}.part", $chunks ? "ab" : "wb")) { die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}'); } if (!emptyempty($_FILES)) { if ($_FILES["file"]["error"] || !is_uploaded_file($_FILES["file"]["tmp_name"])) { die('{"jsonrpc" : "2.0", "error" : {"code": 103, "message": "Failed to move uploaded file."}, "id" : "id"}'); } // Read binary input stream and append it to temp file if (!$in = @fopen($_FILES["file"]["tmp_name"], "rb")) { die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}'); } } else { if (!$in = @fopen("php://input", "rb")) { die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}'); } } while ($buff = fread($in, 4096)) { fwrite($out, $buff); } @fclose($out); @fclose($in); // Check if file has been uploaded if (!$chunks || $chunk == $chunks - 1) { // Strip the temp .part suffix off rename("{$filePath}.part", $filePath); } // Return Success JSON-RPC response die('{"jsonrpc" : "2.0", "result" : null, "id" : "id"}'); |
