资讯频道 → Web前端
阅读更多

31顶
3踩

Web前端

原创新闻 Plupload：文件上传模块

2010-02-22 11:12 by 副主编 zly06 评论(18) 有29988人浏览
Silverlight

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

TinyMCEde 开发团队为我们带来了—Plupload ，一个开源的功能丰富而且强大的优秀文件上传模块，可以通过 JavaScript API 或 jQuery plugin 使用。

 

 

Plupload 有一些非常强大的功能，比如：

  • 智能缩图
  • 显示上传进度条
  • 支持拖动
  • 多文件同时上传
  • 生成唯一的文件名
  • 最大文件限制
  • ……

使用core API 代码示例：

 

var uploader = new plupload.Uploader({
        runtimes : 'gears,html5,flash,silverlight,browserplus',
        browse_button : 'pickfiles',
        max_file_size : '10mb',
        resize : {width : 320, height : 240, quality : 90},
        url : 'upload.php',
        flash_swf_url : '/plupload/js/plupload.flash.swf',
        silverlight_xap_url : '/plupload/js/plupload.silverlight.xap',
        filters : [
                {title : "Image files", extensions : "jpg,gif,png"},
                {title : "Zip files", extensions : "zip"}
        ]
});
 

 

使用jQuery Queue Widget：


 

查看详情：http://ajaxian.com/archives/plupload

  • 大小: 9.3 KB
  • 大小: 42.5 KB
  • 大小: 35.5 KB
来自: ajaxian
31
顶
3
踩
评论 共 18 条 请登录后发表评论
18 楼 liuweihug 2015-03-20 10:49
jquery好用的上传插件：Plupload使用说明和完整demo - 前端编程 - IT工作生活这点事。Just Such So!
http://www.suchso.com/UIweb/jquery-Plupload-use.html
17 楼 zxyqq070 2013-09-29 16:04
在IE中选择中文文件时候 文件名乱码 这个 有人解决么？
求解 谢谢
16 楼 编程的石头 2012-11-26 20:02
我想指文件上传时，文件对应于action里面文件元素的名字，该怎么做啊？
我发现在他的Demo里，对应的名字要么是fileName,要么就是name,但我没找到设置的地方
15 楼 feng88724 2011-09-20 10:45
效果还不错.. 可是怎么在JSP中使用呢？ 我在jsp中使用，上传200K左右的文件就不行了。50K左右的OK。 有人有完全Ok的例子吗？
14 楼 bill2004158 2010-02-27 11:43
可惜，还没有错误处理。。。。
13 楼 InnocentBoy 2010-02-23 21:25
要不要许可？下来试试！
12 楼 eclipse07 2010-02-23 15:49
不错，不过一些功能只在特定浏览器上生效。jquery插件uploadify感觉更简便
11 楼 蜗牛创业网 2010-02-23 14:41
正好有机会用一下
10 楼 littleJava 2010-02-23 13:05
javaeye以前也有一个巨牛的文件上传模块：FancyUpload 吧？
9 楼 shencanfeng 2010-02-23 11:42
怎么使用呢  看起来可以
8 楼 Laynepeng 2010-02-23 10:31
lululau 写道
不太明白文件上传进度是怎么个原理？
JS怎么获取上传的文件的大小？
或者在server端，在文件尚未上传完成时，可以获取文件的大小吗？


没什么特别技巧，隔零点几秒去query一下进度。

基本上所有的上传包里面都会带ProgressListener。只要去query它返回的数值就好。。。
7 楼 shinezhou 2010-02-23 09:20
不错。


6 楼 need_faith 2010-02-23 08:36
赞一个，不错，收藏了
5 楼 jejwe 2010-02-23 08:03
lululau 写道
不太明白文件上传进度是怎么个原理？
JS怎么获取上传的文件的大小？
或者在server端，在文件尚未上传完成时，可以获取文件的大小吗？

利用FLASH
4 楼 lululau 2010-02-22 23:03
不太明白文件上传进度是怎么个原理？
JS怎么获取上传的文件的大小？
或者在server端，在文件尚未上传完成时，可以获取文件的大小吗？
3 楼 jiaobenxiaozi 2010-02-22 17:51
[align=left][/align][color=brown][/color][size=small][/size]ddd d
2 楼 mblmh2008 2010-02-22 14:12
看看，貌似还不错的样子
1 楼 bluemusic 2010-02-22 13:11
好像不错的样子

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • yii2-plupload:yii2扩展，支持大文件上传

    一个Yii2模块/小部件，用于上传文件 安装 安装此扩展的首选方法是通过 。 无论运行 php composer.phar require --prefer-dist icherisher/yii2-plupload "*" 或添加 "icherisher/yii2-plupload": "*" 到composer...

  • plupload文件上传模块

    NULL 博文链接：https://rimet711-126-com.iteye.com/blog/1037404

  • Web文件上传模块Plupload

    一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。

  • 前端 -＞ Plupload 一个Web浏览器上的界面友好的文件上传模块

    var uploader = new plupload.Uploader({ runtimes : 'gears,html5,flash',browse_button : 'button_id' }); bind(event, function[, scope])：绑定事件 uploader.bind('Init', function(up) { alert('

  • plupload文件上传工具

    Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。

  • Plupload一个文件上传模块，很好用的

    一个开源的功能丰富而且强大的优秀文件上传模块，可以通过 JavaScript API 或 jQuery plugin 使用。 Plupload 有一些非常强大的功能，比如： •智能缩图 •显示上传进度条 •支持拖动 •多文件同时上传 •生成唯一...

  • plupload web上传模块

    Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。

  • ssm上传文件进度条_SSM框架+Plupload实现分块上传大文件示例

    Plupload的上传原理简单点说，就是将用户选中的文件(可多个)分隔成一个个小块，依次向服务器上传，这是它能驾驭上传大文件的原因之一，而且在这个过程可以暂停上传，暂停后再继续上传(异于断点续传)。最重要的是，...

  • pupload 文件分块 php,基于Plupload实现Base64分割的文件上传方案

    标题：基于Plupload实现Base64分割的文件上传方案关键词：文件上传、Base64、Plupload、Blob、分割上传领域：Web前端作者：孙振强日期：2018-04-13目录背景存在问题2.1. 体积增加1/32.2. 大文件上传不稳定方案思路...

  • SSM框架+Plupload实现分块上传大文件示例_java

    spring+SpringMVC+MyBatis的框架集合，是关于一个社交平台的网站，类似于facebook，twitter，微博等，起了一个名字叫YouAndMe。...因此首先要解决的就是各式各样（大）文件的上传。 文章转载自：h...

  • plupload微信文件上传插件

    moxie.js 模块结尾的(this)改成 （window） 2.jd云识别不了name = name，源码中要修改 3.安卓微信无法调取摄像头，及无法上传图片 注释upload.js中 //mime_types: [{title: "image files", extensions:"jpeg,jpg,gif...

  • Web文件上传模块 Plupload

    Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。 示例代码： <!--LoadQueuewidgetCSSandjQuery--> <styletype="text/css"&...

  • Plupload ASP.NET多图片文件上传JS插件

    此Plupload 是一个基于ASP.NET的Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。

  • Drupal--plupload模块

    测试功能： G级文件的上传下载 测试环境： xampp、chorme 1. 功能模块测试描述  (1) 模块名称： plupload (2) 支持Drupal版本： 7.x ...图像/文件上传器和浏览器支持个人目录和用户配额  

  • angularjs结合plupload实现文件上传

    转载注明：（罗志强的博客） ... 今天用到了plupload，就拿它举例吧。 正常的plupload用法应该是这样的 var uploader = new plupload.Uploader({ runtimes : 'html5,flash,silverlight,html4'...

  • SSM框架+Plupload实现分块上传（Spring+SpringMVC+MyBatis+Plupload）

    Plupload的上传原理简单点说，就是将用户选中的文件（可多个）分隔成一个个小块，依次向服务器上传，这是它能驾驭上传大文件的原因之一，而且在这个过程可以暂停上传，暂停后再继续上传（异于断点续传）。...

  • 分享20多个很棒的jQuery 文件上传插件或教程

    Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。 2. The KillersAjax Upload 该插件使用 XHR 用于上传多个文件，支持上传进度显示，但不支持 ...

  • plupload一个很不错的批量上传的js插件

    Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。

  • pendulum-2.1.2-cp39-cp39-win32.whl.rar

    python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件，注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装，如果whl路径不在cmd窗口当前目录下，需要带上路径 WHL文件是以Wheel格式保存的Python安装包， Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包，WHL文件中包含了Python安装的py文件和元数据，以及经过编译的pyd文件， 这样就使得它可以在不具备编译环境的条件下，安装适合自己python版本的库文件。 如果要查看WHL文件的内容，可以把.whl后缀名改成.zip，使用解压软件（如WinRAR、WinZIP）解压打开即可查看。 为什么会用到whl文件来安装python库文件呢？ 在python的使用过程中，我们免不了要经常通过pip来安装自己所需要的包， 大部分的包基本都能正常安装，但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中（whl包下载）下载whl包来安装解决问题。

  • Nginx配置文件中FastCGI相关参数理解

    Nginx配置文件中FastCGI相关参数理解

Global site tag (gtag.js) - Google Analytics