- 浏览: 3361830 次
- 性别:
- 来自: 珠海
文章分类
- 全部博客 (1633)
- Java (250)
- Android&HTML5 (111)
- Struts (10)
- Spring (236)
- Hibernate&MyBatis (115)
- SSH (49)
- jQuery插件收集 (55)
- Javascript (145)
- PHP (77)
- REST&WebService (18)
- BIRT (27)
- .NET (7)
- Database (105)
- 设计模式 (16)
- 自动化和测试 (19)
- Maven&Ant (43)
- 工作流 (36)
- 开源应用 (156)
- 其他 (16)
- 前台&美工 (119)
- 工作积累 (0)
- OS&Docker (83)
- Python&爬虫 (28)
- 工具软件 (157)
- 问题收集 (61)
- OFbiz (6)
- noSQL (12)
最新评论
-
HEZR曾嶸:
你好博主,这个不是很理解,能解释一下嘛//左边+1,上边+1, ...
java 两字符串相似度计算算法 -
天使建站:
写得不错,可以看这里,和这里的这篇文章一起看,有 ...
jquery 遍历对象、数组、集合 -
xue88ming:
很有用,谢谢
@PathVariable映射出现错误: Name for argument type -
jnjeC:
厉害,困扰了我很久
MyBatis排序时使用order by 动态参数时需要注意,用$而不是# -
TopLongMan:
非常好,很实用啊。。
PostgreSQL递归查询实现树状结构查询
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
cakephp:
两个后台接受文件
Java:
PHP:
官方例子:http://www.plupload.com/examples/runtimes
中文文档:http://www.cnblogs.com/God-Shell/articles/3209708.html
官方的源码好像不能用,就打开例子页面,从例子拿到几个js,见附件:
官方说:要想获得服务器在上传完成后,返回的信息,就使jquery.plupload.queue.js
var uploader = $("#" + obj.divId).pluploadQueue(); uploader.bind('FileUploaded', function (up, files, response) { response//这个就是服务器返回的信息 });
cakephp:
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");
<div id="uploader"> <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p> </div>
$("#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:
@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:
<?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 (!empty($_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 (!empty($_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"}');
- plupload-2.0.0.rar (21.3 KB)
- 下载次数: 6
发表评论
-
echart使用记录
2016-06-22 09:24 1757ECharts详细说明 http://elang0705.it ... -
jqGrid的搜索框下拉
2016-06-06 09:21 2680http://www.cnblogs.com/linguogu ... -
pageSwitch-支持121种过渡效果的JavaScript页面切换插件
2016-04-10 01:25 1565介绍: http://www.htmleaf.com/jQue ... -
基于jQuery的监控表单元素变化的小插件
2016-03-28 13:24 1660http://www.easyui.info/archives ... -
巧用 jQuery 筛选器,避免重复代码
2016-03-25 23:01 1447http://my.oschina.net/mays/blog ... -
zepto(移动简化版jQuery),的 API 分类
2016-03-24 09:22 1693http://my.oschina.net/leejun200 ... -
PJAX的实现与应用
2016-03-22 13:18 1021http://www.cnblogs.com/hustskyk ... -
html上传图片之前在网页预览实现
2016-03-16 10:40 1003HTML5之FileReader的使用 http://blog ... -
Jquery获取窗口高度
2016-03-15 12:48 926http://my.oschina.net/moks/blog ... -
通过Scroller.js制作上拉加载和下拉刷新
2016-03-08 13:49 1792http://my.oschina.net/wolfx/blo ... -
jQuery动画插件: Velocity.js
2016-02-16 13:46 1227官方: http://julian.com/research/ ... -
jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
2016-01-05 21:06 1406http://www.ijquery.cn/?p=360 -
js函数式编程: nderscore.js
2015-12-22 11:07 1032nderscore.js是一个 JavaScript 工具库, ... -
jquery.fly.min.js 拋物插件
2015-12-17 10:03 3530插件官方: https://github.com/amibug ... -
jquery读取表单数据: serializeArray & serializeObject
2015-12-14 16:36 1240$.fn.serializeObject = function ... -
JavaScript 文件拖拽上传插件 dropzone.js 介绍
2015-12-04 23:12 1774JavaScript 文件拖拽上传插件 dropzone.js ... -
Jquery contentMenu右键菜单 当某个事件出发时才显示菜单
2015-10-28 13:49 1543http://my.oschina.net/u/780876/ ... -
taitems/jQuery.Gantt源码修改
2015-07-01 17:09 35511. 解决了不对齐 2. 增加process进度条 使用方式 ... -
plupload上传插件在SpringMVC中的整合
2015-06-02 13:42 2363插件地址: http://www.plupload.com/ ... -
使用jquery.i18n.properties.js实现js国际化
2015-05-31 15:09 3984http://my.oschina.net/u/871551/ ...
相关推荐
文件上传控件PlupLoad 的使用
java+plupload多附件上传 servelet多附件上传
多文件上传JQUERY PLUPLOAD
java+plupload多附件上传+分页。完整项目源码。
Plupload 上传.net MVC 上传示例
plupload php plupload 多文件上传组件
兼容IE6+的文件上传控件plupload工具包,支持htm5的浏览器上能够进行拖拽文件上传,不支持的html5的同样支持上传功能,兼容谷歌、火狐,iE6,iE7,iE8,IE9,iE10等
多文件上传plupload控件,类似swfupload
前端组件 plupload 文件上传demo
主要功能: 1、多文件上传 2、分片上传 3、显示进度条 博客园地址http://www.cnblogs.com/LoveTX/p/5483588.html
Plupload是jquery文件上传插件,基于Struts2,亲测通过,放心使用!
php多图片上传jQuery插件plupload
自己根据实际项目使用需要整理的plupload传插件的使用(仅前端相关的使用总结,不包括后台的接收和处理)
使用plupload比flash更好,亲测可以使用
java使用plupload进行文件的拖拽,全选,文件夹等的批量上传操作,还可以对文件格式大小进行筛选,配置简单
肯定能用,多说无益
支持多附件及大文件异步上传,有进度条。本人选用的是plupload ASP.NET多附件上传和附件编辑的实现.rar C#上传控件.rar DuoWenJianShangChuan_51aspx.rar FileManger0.3.rar LTAjaxUpFileControl.rar ...
Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。
代码里有plupload上传和uploadify上传两种可供大家参考,建议大家使用plupload上传,此上传各大种浏览器都兼容。uploadify上传和form验证同时使用的话,在FF和chrome浏览器下会存在cookie丢失的问题。
ember-plupload, 使用plupload处理上传的Ember组件 {{pl-uploader}} {{pl-uploader}} 是一个ember组件,为 Plupload提供了一个 API 。 上载是应用程序( 他们在后台继续) 中的持久accross路由。你必须提供 NAME