Stack Overflow
Stack Overflow

Questions tagged [ng-file-upload]

Lightweight AngularJS directive to upload files.

Lightweight AngularJS directive to upload files with optional FileAPI shim for cross browser support

Features:

  • file upload progress, cancel/abort
  • file drag and drop and paste images (html5 only)
  • resumable uploads: pause/resume upload (html5 only)
  • image resize (html5 only)
  • validation on file type/size, image width/height, video/audio duration and ng-required support.
  • show thumbnail or preview of selected images/audio/videos
  • supports CORS and direct upload of file's binary data using Upload.$http()
  • plenty of sample server side code, available on nuget
  • on demand flash FileAPI shim loading no extra load for html5 browsers.
  • HTML5 FileReader shim for IE8-9

Github page: https://github.com/danialfarid/ng-file-upload

495 questions
5
votes
1 answer

How to show the file size which failed to upload in ng-file-upload?

The ng-file-upload documentation shows samples of usage. The first sample fiddle displays a validation message for file size:
camcam
  • 2,585
  • 8
  • 49
  • 65
5
votes
1 answer

Receiving CORS errors while trying to test uploading on storage emulator

I am trying to test the upload functionality for an html5, angularjs application using the azure storage emulator. For some reason, everytime I send the file to the azure generated url for localhost I keep getting CORS errors. Now on the cloud…
user1790300
  • 2,143
  • 10
  • 54
  • 123
5
votes
2 answers

What does ngf-select do and why is it needed for form validation?

I am AngularJS noob. I was trying to implement a form, that requires all input fields to be filled including the file upload input. Exactly like the first ecample: https://angular-file-upload.appspot.com/ So I created a simple form to test this…
Kaarel Purde
  • 1,255
  • 4
  • 18
  • 38
4
votes
3 answers

Send uploaded file to backend in Cypress

I am using Cypress to use my application and encounter a problem by sending an uploaded file to the backend. It sends an empty FormData. I am using the code found here https://github.com/cypress-io/cypress/issues/170 to handle file upload which is:…
Jonas KISTLER
  • 91
  • 1
  • 6
4
votes
7 answers

POST request with multipart data in spring mvc

I am using ng-file-upload in Angular on client side to send a file(image,text etc) to Spring Boot Application. I have Client side running in Xampp with url "localhost" while have spring instance running separately with url "localhost:8080".Cors on…
N.A
  • 855
  • 4
  • 13
  • 34
4
votes
1 answer

angular webpack ng-file-upload

I'm trying to get ng-file-upload to work with my angularjs project, which uses webpack. I installed ng-file-upload via npm and added it to my main app.js var ngFileUpload =…
Rocket
  • 130
  • 2
  • 14
4
votes
1 answer

Is it possible to detect when the camera is on/ready with getUserMedia?

I am successfully using webcam.js with an angular app to allow users to capture a picture of themselves. However I'm having a problem where some users are uploading blank - all white or all black photos. I suspect that some cameras start up more…
Tracy B.
  • 63
  • 1
  • 7
4
votes
2 answers

how do i get 'get' to be called automatically?

I am able to add photos and remove them, however when I do so I have to refresh. I would like the scope to be updated and it be done automatically, but after adding files the get never runs. Do I have to use .apply for this? app.js $scope.submit =…
arsenalist
  • 391
  • 4
  • 18
4
votes
3 answers

getting Error: Unexpected field when trying to upload multiple files

If I use the example in multer's readme, I can upload a single file without problems. However, when I use the same sample I cannot do so for multiple files. I tried using the regular Error: Unexpected field at makeError…
arsenalist
  • 391
  • 4
  • 18
4
votes
2 answers

AngularJs Image upload to S3

I am: - Creating a Web Application - AngularJS front end with ng-file upload (https://github.com/danialfarid/ng-file-upload) - Node.js backend - Want to be able to upload images to my Amazon S3 bucket I'm attempting to follow this…
user3220901
  • 105
  • 1
  • 7
4
votes
1 answer

Receiving "Unknown provider: UploadProvider" error using ng-file-upload

I'm attempting to use the ng-file-upload directive (https://github.com/danialfarid/ng-file-upload) to add file-uploading functionality to my project, but keep getting this error: Error: [$injector:unpr]…
Adam Templeton
  • 4,467
  • 7
  • 27
  • 39
4
votes
2 answers

ng-file-upload getting TypeError: Illegal invocation with ngf-drop

The TypeError: Illegal invocation occurs when adding a $watch with objectEquality set to true on a model which contains a file(s) property used by ngf-drop. Also as reported here. How can I $watch the model without getting this error?
marco alves
  • 1,707
  • 2
  • 18
  • 28
4
votes
1 answer

AngularJS ng-file-upload use window as droparea

Is it possible to use the whole window as droparea? Sure, I can append ngf-drop attributes to body, but then some other HTML elements lay over and I can't drop my files there… Otherwise I can not use a DIV an append those attributes an lay it over…
YeppThat'sMe
  • 1,812
  • 6
  • 29
  • 45
4
votes
2 answers

Angularjs Show Image preview only if selected file is image

Here is my AngularJS code to show image preview when user selects the file
chirag dodia
  • 515
  • 1
  • 7
  • 17
3
votes
2 answers

how to validate file using ngx-file-drop in angular 5+?

I'm using "ngx-file-drop" on Angular 6. optional content…
Shubham Azad
  • 786
  • 2
  • 10
  • 25
1
2
3
…
32 33