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
0
votes
0 answers

ng-file-upload uploader inside another uploader

I have a problem with multiple uploader, if I have two uploaders but one inside another, when I drag to the inner one, the outer one is trigged as well I need to set something on scope when the inner one is with drag active and remove it when it's…
Saliba
  • 175
  • 2
  • 9
0
votes
1 answer

Cancel a file upload in ng-file-upload

I have ng-file-upload with form submit running. I would like to add a button to cancel the upload after the user selects a file. I have tried:
0
votes
0 answers

ng-file-upload with multer, success not called, and upload called repeatedly

I'm using ng-file-upload to upload an image to a node/express server from an Angular client. The image is being loaded, however the 'success' method is not being called and the image upload seems to be called multiple times, causing the image to…
IanF
  • 1
  • 1
  • 3
0
votes
1 answer

unable to upload multiple image file ng-file-upload

My Html code:
Newaz Sharif
  • 424
  • 4
  • 12
0
votes
1 answer

Progress is displayed only for the last item in the queue. ngFileUpload

I'm using AngularJS (1.2.28) and ng-file-upload directive (7.0.17). On the backend there's a WCF service hosted in IIS 7. I'm trying to display a progress bar per uploaded file and here's my code: uploadsController controller('uploadsController',…
lexeme
  • 2,915
  • 10
  • 60
  • 125
0
votes
2 answers

Amazon S3 Invalid Argument Error Code

I am trying to upload a file image to my Amazon s3 bucket but keep getting a 400 Bad request error. On digging i found the error code is Invalid Argument but I dont know why i keep getting the error. controller.js Upload.upload({ …
Kingsley Simon
  • 2,090
  • 5
  • 38
  • 84
0
votes
3 answers

Image Width Height Via AngularJS (ng-file-upload)

I need to validate the image width - height on the basis of 1:3 ratio. I am using ng-file-upload to upload the image. The validation needs to be done before sending it to server. I am clueless about how to get the image width/height from the…
Satyaki
  • 751
  • 2
  • 10
  • 25
0
votes
1 answer

ng-file-upload. How to configure the location where the file needs to be uploaded

Using ng-file-upload.js to upload files. Two questions: To which location the files get uploaded by default and how to change this location?
Shiva Kodityala
  • 105
  • 1
  • 10
0
votes
1 answer

angular file upload and preview

I am using ng-file-upload library to post files to my back end Web Api. Once the file is posted I save it to the following folder "~/App_Data/Tmp/FileUploads/" and also save the path to my database. Now when I go on edit mode; I want to get a…
den
  • 709
  • 2
  • 7
  • 19
0
votes
0 answers

How to upload picture with Angular File Upload (ng-file-upload) to backend Laravel/PHP

I having been trying to wrap my head around ng-file-upload but without much success. I'm trying to upload a picture using ng-file-upload to backend PHP/Laravel I have this in my angular controller: $scope.upload = function (file) { …
Emeka Mbah
  • 16,745
  • 10
  • 77
  • 96
0
votes
3 answers

Not able to access uploaded files in controller

Latest code which helps me in solving my problem $scope.uploadedFiles = []; $scope.upload = function(files) { $scope.uploadedFiles = files; angular.forEach(files, function(file) { if (file && !file.$error)…
dark_shadow
  • 3,503
  • 11
  • 56
  • 81
0
votes
1 answer

How do you upload one file at a time synchronously?

I would like to upload one file at a time, while allowing multiple files to be dragged/selected at once. Is there a way to do this? It seems that using a promise might be the way to go, but, having never used promises before, I am not sure. Right…
Scott Weisman
  • 11
  • 2
0
votes
1 answer

ng-file-upload and meanjs not working together

I'm trying to use the ng-file-upload within the meanjs stack, but I can't figure out how to make it work properly. I followed all the steps illustrated in https://github.com/danialfarid/ng-file-upload and I've tried all the examples, but nothing…
Alessandro A.
  • 5
  • 3
0
votes
0 answers

Set default file urls in angular-file-upload

I am using angularjs file uploader given at "https://github.com/nervgh/angular-file-upload", so my js code look like this: var urls = ['url1', 'url2']; var uploaders = $scope.uploaders = urls.map(function(url) { return new FileUploader({url:…
sahil solanki
  • 507
  • 6
  • 20
0
votes
1 answer

AngularJs: upload mutiple files from different sources

I am trying to upload two different files, an image and a pdf file, each from a different input as follows:
omarsafwany
  • 3,695
  • 8
  • 44
  • 75
1 2 3
…
32
33