AngularJS文件上传指令 ng-file-upload

MIT
JavaScript
跨平台
2016-04-07
书三生
ng-file-upload 正在参加 2019 年度最受欢迎开源中国软件评选,请投票支持!
ng-file-upload 在 2019 年度最受欢迎开源中国软件评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票赢奖品
已投票

ng-file-upload由轻量级AngularJS文件上传指令构成。

特征

  • 文件上传/取消程序

  • 文件拖放(仅html5)

  • 剪贴板中的图片复制和浏览器界面的拖放(仅html5)

  • 用户通过使用ngImgCrop进行图片尺寸改变和中间裁剪(本地)(仅html5)

  • 定向修复有关Exif定向数据的JPEG图像文件

  • 点上传:暂停/继续上传(仅html5)

  • 本地验证支持:文件类型/大小,图像宽度/盖度/透明度,视频/音频和具有可插拔的同步或异步验证的ng-required 

  • 显示所选的图片/音频/视频的缩略图和预览图

  • 支持CORS 和直接的2进制文件上传通过使用Upload.$http()

  • 在 nuget  上有大量的服务器端代码可得到

  • 对于html5浏览器仅需要装载flash FileAPI.

  • 对于IE 8-9,html5 FileReader.readAsDataURL shim

  •  npmbowermeteornuget 上可得到

安装

手动:安装地址请点击

bower:

  • bower install ng-file-upload-shim --save(对于没有html5支持)

  • bower install ng-file-upload --save

NuGet: PM> Install-Package angular-file-upload 

NPM: npm install ng-file-upload

<script src="angular(.min).js"></script>
<script src="ng-file-upload-shim(.min).js"></script> <!-- for no html5 browsers support -->
<script src="ng-file-upload(.min).js"></script>

使用

示例:

更多详情请点击这里

加载中

评论(0)

暂无评论

暂无资讯

暂无问答

angularjs 上传功能的实现

html: <script type="text/javascript" src="js/angular-file-upload.min.js"></script> <img id="photo" src="" style="height: 60px; width: 60px;"> <span class="span3" data-type="logo...

2015/08/07 09:53
389
0
angular上传图片至七牛

这次是使用七牛php sdk作为服务端上传工具的。

2016/05/12 12:43
83
2
angularjs文件上传

文件上传

2015/09/08 17:33
1K
0
AngularJs异步文件上传

利用H5的File API,可使用flash兼容旧浏览器。一个简单好用的封装,而且功能也很丰富。

2015/03/12 13:01
187
0
ngChange

ngChange

2015/10/27 15:23
32
0
ng-zorro 的upload组件 与 msf4j 的合作实现文件上传

1. 准备工作 ng-zorro的upload组件可以实现文件上传,当然还有其他的组件可以实现同样的功能,这里就不讨论其他的了。 msf4j是java的一个微服务框架,这里使用它来实现后端上传。 angular:>...

07/11 00:12
36
0
angular好用的插件集合

首先介绍两个学习Angular的学习资源AngularJS-Learning还有recipes-with-angular-js-examples。 两个编写Angular的代码规范,分别是angularjs-styleguide和angular-styleguide 项目文件结构生...

2017/10/18 17:31
34
0
教你如何在Angular中使用better-scroll插件

本文主要介绍了Angular中使用better-scroll插件的方法,小编觉得挺不错的,现在分享给大家。 better-scroll的使用 由于需要在一个固定的的高度做无限滚动,本来css的overflow-y也可以完成的,...

2018/11/27 16:28
96
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部