Angular Version:

## Angular file upload Demo

### Visit ng-file-upload on github

+ edit upload html reset to default
Upload on form submit Username: *required
Profile Picture: *required
Upload Successful
Play with options
Select File or Drop File
Paste or Drop Image from browser
accept (for select browser dependent):
ngf-capture (for mobile):
ngf-pattern (validate file model):
ngf-validate:
ngf-drag-over-class (chrome):
ngf-model-options:
ngf-resize:
ngf-resize-if:
ngf-dimensions:
ngf-duration:
ngf-max-files:
ngf-ignore-invalid:
ngf-multiple (allow multiple files) ng-disabled
ngf-allow-dir (allow directory drop Chrome only)
ngf-keep (keep the previous model values in ng-model)
ngf-keep="distinct" (do not allow duplicates)
ngf-fix-orientation (for exif jpeg files)
ngf-run-all-validations
Upload resumable chunk size:
Preview image/audio/video:

- {{f.progress}}%
  {{f.name}} - size: {{f.size}}B - type: {{f.type}} details
  {{f.result}}
  - file name: {{item.name}}
    name: {{item.fieldName}}
    size on the serve: {{item.size}}
    value: {{item.value}}
  request headers: {{f.result.requestHeaders}}
- Invalid File: {{f.$errorMessages}} {{f.$errorParam}}, {{f.name}} - size: {{f.size}}B - type: {{f.type}}

{{errorMsg}}
How to upload to the server:
Upload.upload(): multipart/form-data upload cross browser
Upload.http(): binary content with file's Content-Type
Can be used to upload files directory into CouchDB, imgur, etc... without multipart form data (HTML5 FileReader browsers only)
Amazon S3 bucket upload
Provide S3 upload parameters. Click here for detailed documentation
S3 upload url including bucket name:
AWSAccessKeyId:
acl (private or public):
success_action_redirect:
policy:
signature:
If you don't have your policy and signature you can use this tool to generate them by providing these two fields and clicking on sign
AWS Secret Key:
JSON policy:
Return server error with http code: and message:
donate Feedback/Issues