好资源导航 » 文章资讯 » Angular.js中上传指令ng-upload的基本使用教程

Angular.js中上传指令ng-upload的基本使用教程

2023-09-27 09:18:15 61

前言

本文主要给大家介绍了关于Angular.js中上传指令ng-upload的基本使用，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：

Angular上传指令ng-upload的基本使用，包括上传文件，图片，以及图片和视频在线预览，非常强大。ng-upload有两种用法，一种是选择上传文件，仅仅存起来，还有一种就是选择之后，立刻出发一个上传函数，虽然这个函数可以不做httpupload的操作。

1.首先包含库文件

2.只选择，有submit上传

Uploadonformsubmitorbuttonclick

SingleImagewithvalidations
Select

Multiplefiles Select

Dropfiles:Drop

submit

3.选择之后，立马上传

Uploadrightawayafterfileselection:
Uploadonfileselect

Uploadonfileselect

DropFile: DropImagesorPDFsfileshere FileDrag/Dropisnotsupportedforthisbrowser

4.upload模块还能显示图片预览

Imagethumbnail:
Audiopreview:
Videopreview:

这个里面注意了：这里面的file不是图片路径，而是，ngf-selectng-model="file"name="file"操作的时候，或者ngf-select="upload($file)传给调用函数的那个file对象

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持