WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Loaders and Uploaders

The AwsmUploader: Unlimited Uploads w/o Flash!

— 添加到WorldWideScripts.net

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


The AwsmUploader: Unlimited Uploads w/o Flash! - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

该AwsmUploader让你轻松上传文件通过拖放正滴(内置),或将其与自己的来源文件(如普通文件输入)喂养。 它是用普通的JavaScript,HTML5和PHP(这就是它需要)建成。
该AwsmUploader 不需要任何这些:闪光,的ActiveX,Chrome扩展程序,第三方库(例如jQuery的,道场,MooTools的,Modernizr的),插件,任何类型的,服务器端框架等。

查看完全工作演示,并在这里,整个文档。

浏览器的兼容性(7月2013)

桌面浏览器 移动浏览器
测试: 应该按功能检测,未经检验(工作访问
与对应的设备的示范
检查出自己):
  • 火狐13+
  • 镀铬20+
  • 互联网浏览器10+
  • Safari浏览器7+(在Mac OS X 10.9进行测试)
  • 歌剧12.10+
  • iOS的Safari浏览器6 6+(新iPad 2+,iPhone 3GS,4+)
  • 黑莓浏览器
  • Opera移动14+
  • 火狐为Android 22+

有什么特别之处呢呢?

有许多答案的问题。 最真棒如下:

  • 上传任意大小的任意多个文件 。 该AwsmUploader与2 GB ISO-文件进行测试。 工作方式和低CPU使用率的魅力。 该AwsmUploader 不关心PHP的或其他服务器端的限制。
  • 你还可以设置文件大小限制,或通过提供自己的正则表达式禁止某些文件的上传。
  • 通过拖动文件到您指定为投掷的区域元素上传
  • 每个文件极其丰富的统计数据/所有文件: 速度米 (平均和当前的速度), 平衡时间(ETA),大小和配额计算,实时,比更精确到秒。
  • 超过25截取的事件,允许最大限度的细节。
  • 支持配额管理 。 设定最大上传大小,让AwsmUploader跳过的文件上传之前
  • 使用HTML5,FileAPI异步和块明智的上传文件。 上传到采用CORS,请求支持,以及其他领域。
  • 支持HTTP-401-挑战和预检请求:使用证书上传到保护区
  • 自动呈现并存储 JPEG,GIF-和PNG图像的缩略图 。 可以通过使用内置类显示多数imagetypes在通过数据的网址浏览器BinaryDataCollector
  • 您可以调整块大小 ,以您的需求和可用带宽。 因为你希望它并行的AwsmUploader可以处理尽可能多的文件
  • 在内部使用的队列。 您可以暂停和终止(甚至文件明智)在任何时间。 不要犹豫, 继续下探的文件,而AwsmUploader正在处理其他文件 ,它会照顾 ;)
  • 该AwsmUploader是一个完全独立的JavaScript类, 它不需要任何其他的库像jQuery,Mootools的或道场。
  • 丰富的状态管理通知有关详细的每一步的用户( 当前操作,文件的大小,进度,状态,实时惯例,每个队列文件数 )。
  • 丰富的错误和响应管理,结合你自己回调来表示。
  • 辅助函数的格式文件名 ​​和-size字符串。
  • 与漂亮的作品AwsmProgressBar

就是这样?

当然不是。 该AwsmUploader包括了很多。

  • 嵌套类BinaryDataCollector允许收集丢弃的文件的数据。 这是为了让文件的预览(如数据URL)在浏览器读数完成时。 类是AwsmUploader命名空间的一部分,并且可以在外部使用。
  • 嵌套类FeatureDetection轻松地允许检查所有需要的功能。 这个类也是大众命名空间的一部分。
  • 两个枚举​​被嵌套为好。 一个是与所有登记的事件类型的列表,另一种是可用的队列类型的列表。 它们被用来注册正确处理特定的事件,并检查了正确的队列中的细节。 这五个队列:丢弃,待(文件正在阅读或在此刻上传),已完成,已中止和失败。
  • 私有类AUFile表示以前拖放到指定的区域中的一个文件。 它具有有用的方法,以及和访问到外部,给出作为参数对某些回调。 该AUFile有其对应物来实现在PHP为好。
  • 该AUFile包括AUFileChunks 。 每块都有有用和详细的性能和自身的XMLHttpRequest。 它是通过其AUFile访问。 有一个在PHP一个对应的类为好。

什么是在包装,我需要什么?

该计划包括单机和完全独立的JavaScript类AwsmUploader及其上述嵌套类和枚举。 内包你会发现PHP类(需要PHP 5) AUFileAUFileChunk和控制器来处理那些大块明智的上传。 该软件包还包括一个完全实现的演示界面 (与此类似;与AwsmProgressBar被换成了普通的进度条)。!捆绑实施,将工作的开箱即用 ,您不需要在服务器端进行任何配置(但有一些选项可以调节,当然)。

正如你看到的,所提供的方案是丰富的,不需要你来实施和设计自己的界面,虽然提供的接口是不是AwsmUploader的一部分(注意,它使用的jQuery / jQueryUI的)。 你需要一点在JavaScript中没有的知识,使其工作只有PHP 5的服务器上。 现代浏览器都支持,包括Firefox 13+和20+的Chrome。 在Internet Explorer的支持开始从10版本。 歌剧作品从12.10及更高版本。 该AwsmUploader完全可以取代现有的上传解决方案中,提到兼容的浏览器时使用。 客户报告的AwsmUploader 工作在iPad上也是如此。 这是因为不支持的Flash上​​传在这些设备上大文件的唯一的本地解决方案。

更新,改进和修复

2013年7月19日
  • JavaScript的:BlobBuilder已经被完全删除,因为斑点和它的构造函数现在在现在支持跨浏览器的方式IE10提供
  • JavaScript的:删除了有关事件- (非)绑定和XDomainRequest旧版本的IE多余的支持; 去掉了一些多余的功能和简化的一些人 - 的AwsmUploader缩水约5% ;)
  • JavaScript的:改编BinaryDataCollector现在ArrayBuffers工作

2012年9月5日

  • 总体而言:在AwsmUploader变得更容易,你现在可以从其他(自己的)的来源不仅仅是投掷的领域喂! 此外,非常大的文件处理好了,立马写大块生成的文件,没有临时文件再使用。 您可以迁移到新版本完美,无论是客户端和服务器端的代码是向后兼容的(除了删除的方法)!
  • JavaScript的:新增公共方法enqueueFileForUpload()喂AwsmUploader从任意源文件(如文件输入, 看到更新的演示 )。 的相容性增加了使用中的Blob-构造(用于新的浏览器)ArrayBufferViews。
  • PHP:控制器和两个班变了,请参考文档(可以在演示中找到)来查看所有的变化。 该API变得更容易,并除去一些​​方法中,该方法WRITEFILE()中的溶液。
2012年7月18日
  • JavaScript的:增加兼容性的Blob在旧的浏览器-interface。
2012年7月14日
  • JavaScript的:小的改进,以使用BLOB接口,其中可用的(而不是BlobBuilder)。
  • JavaScript的:更新类AwsmUploader.FeatureDetection检测为BLOB接口的兼容性。
  • PHP:类AUFile现拥有常量前缀是'DEFAULT_“,那些使用它们,现在与他们合作,为重写默认参数的函数。 该文档已被更新,以反映所做的所有更改。

下载
此类别中的其他组成部分这个作者的所有组件
评论常见问题和答案

属性

创建:
12年7月13日

最后更新:
15年1月20日

高分辨率:
是,兼容的浏览器IE10

关键字

电子商务, 所有项目, 阿贾克斯, 块, 拖放, 文件API, 文件上传, HTML5, JavaScript的, 多文件上传, 配额, 速度计, 无限, 上传, 上传进度