JarCasting
JarCasting JarCasting

angular-file-upload

WebJar for angular-file-upload

License

License

MIT
Categories

Categories

Github Development Tools Version Controls Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

github-com-nervgh-angular-file-upload
Last Version

Last Version

2.4.1
Release Date

Release Date
Type

Type

jar
Description

Description

angular-file-upload
WebJar for angular-file-upload
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/nervgh/angular-file-upload

Download github-com-nervgh-angular-file-upload

Filename Size
github-com-nervgh-angular-file-upload-2.4.1.pom
github-com-nervgh-angular-file-upload-2.4.1.jar 97 KB
github-com-nervgh-angular-file-upload-2.4.1-sources.jar 22 bytes
github-com-nervgh-angular-file-upload-2.4.1-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-nervgh-angular-file-upload/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-nervgh-angular-file-upload</artifactId>
    <version>2.4.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-nervgh-angular-file-upload/
implementation 'org.webjars.bower:github-com-nervgh-angular-file-upload:2.4.1'
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-nervgh-angular-file-upload/
implementation ("org.webjars.bower:github-com-nervgh-angular-file-upload:2.4.1")
'org.webjars.bower:github-com-nervgh-angular-file-upload:jar:2.4.1'
<dependency org="org.webjars.bower" name="github-com-nervgh-angular-file-upload" rev="2.4.1">
  <artifact name="github-com-nervgh-angular-file-upload" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='github-com-nervgh-angular-file-upload', version='2.4.1')
)
libraryDependencies += "org.webjars.bower" % "github-com-nervgh-angular-file-upload" % "2.4.1"
[org.webjars.bower/github-com-nervgh-angular-file-upload "2.4.1"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.bower : angular jar [1.1.5,2)

Project Modules

There are no modules declared in this project.

Angular File Upload

  • compatible with AngularJS v1.x

About

Angular File Upload is a module for the AngularJS framework. Supports drag-n-drop upload, upload progress, validation filters and a file upload queue. It supports native HTML5 uploads, but degrades to a legacy iframe upload method for older browsers. Works with any server side platform which supports standard HTML form uploads.

When files are selected or dropped into the component, one or more filters are applied. Files which pass all filters are added to the queue. When file is added to the queue, for him is created instance of {FileItem} and uploader options are copied into this object. After, items in the queue (FileItems) are ready for uploading.

Package managers

NPM npm

npm install angular-file-upload

You could find this module in npm like angular file upload.

Yarn npm

yarn add --exact angular-file-upload

You could find this module in yarn like angular file upload.

Module Dependency

Add 'angularFileUpload' to your module declaration:

var app = angular.module('my-app', [
    'angularFileUpload'
]);

Demos

  1. Simple example
  2. Uploads only images (with canvas preview)
  3. Without bootstrap example

More Info

  1. Introduction
  2. Module API
  3. FAQ
  4. Migrate from 0.x.x to 1.x.x
  5. RubyGem

Browser compatibility

This module uses the feature detection pattern for adaptation its behaviour: fd1, fd2.

You could check out features of target browsers using http://caniuse.com/. For example, the File API feature.

Feature/Browser IE 8-9 IE10+ Firefox 28+ Chrome 38+ Safari 6+
<input type="file"/> + + + + +
<input type="file" multiple/> - + + + +
Drag-n-drop - + + + +
Iframe transport (only for old browsers) + + + + +
XHR transport (multipart,binary) - + + + +
An image preview via Canvas (not built-in) - + + + +
AJAX headers - + + + +

How to ask a question

A right way to ask a question

If you have a question, please, follow next steps:

  • Try to find an answer to your question using search
  • If you have not found an answer, create new issue on issue-tracker

Why email a question is a bad way?

When you emal me a question:

  • You lose an opportunity to get an answer from other team members or users (devs)
  • It requires from me to answer on same questions again and again
  • It is not a rational way. For example, if everybody who use code of this project will have emailed me a question then I will be receiving ~700 emails each day =)
  • It is a very slow way. I have not time for it.

Versions

Version
2.4.1
v2.3.4