当前位置:  软件>JavaScript软件

AngularJS 文件上传工具 angular-file-upload

    来源:    发布时间:2015-02-06

    本文导语:  angular-file-upload 是一款轻量级的 AngularJS 文件上传工具,为不支持浏览器的 FileAPI polyfill 设计,使用 HTML5 直接进行文件上传。 在线演示 特性 支持上传进度,在上传的时候,可以取消或者中止,支持文件拖拽(HTML5),目录拖...

angular-file-upload 是一款轻量级的 AngularJS 文件上传工具,为不支持浏览器的 FileAPI polyfill 设计,使用 HTML5 直接进行文件上传。

在线演示

特性
  • 支持上传进度,在上传的时候,可以取消或者中止,支持文件拖拽(HTML5),目录拖拽(weikit),CORS, PUT(html5)/POST 方法

  • 支持使用 Flash polyfill FileAPI  跨浏览器上传 (HTML5 和 non-HTML5) 。允许客户端在上传之前验证或者修改文件。

  • 当文件的内容类型使用 $upload.http()时,支持直接上传到 CouchDB,imgur 等等。支持 Angular http POST/PUT 请求的进度事件,更多内容请看 #88(comment)

  • Separate shim file loaded on demand for non-HTML5 code meaning no extra load/code if you just need HTML5 support. (Note that html5-shim.js is still needed for progress event in HTML5 browsers)

  • 轻量级,使用常规的 $http 来上传(支持非 HTML5 浏览器),所以提供所有 Angular $http 功能

使用

HTML:

 

 


  
  
  
  
  drop files here
  HTML5 Drop File is not supported!
  Cancel Upload

JS:

//inject angular file upload directives and service.angular.module('myApp', ['angularFileUpload']);var MyCtrl = [ '$scope', '$upload', function($scope, $upload) {
  $scope.onFileSelect = function($files) {    //$files: an array of files selected, each file has name, size, and type.
    for (var i = 0; i 

    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • AngularJS Eclipse Plugin
  • angularjs开发协助工具 fex
  • AngularJS 认证模块 Satellizer
  • AngularJS​ 的国际化和本地化模块 angular-translate
  • AngularJS 的 Sails 绑定 angularSails
  • bootstrap-AngularJS
  • AngularJS 的UI增强指令集 AngularUI
  • AngularJS Emoji Filter
  • AngularJS 的 Semantic-UI 扩展 angular-semantic
  • 基于 AngularJS 的 UI 框架 Suave UI
  • HTML的Web框架 AngularJS
  • 多人BLOG系统 ANS Angularjs NstormJs web framework v 0.4.2
  • AngularJS UI 组件 adapt-strap


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3