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
21
votes
5 answers

Empty List when trying to upload many files in Spring with ng-file-upload

I have the following controller method for uploading multiple files at once, inspired by this blog post and answers to this question as well: @RequestMapping(value = "/{user}/attachment", method = RequestMethod.POST) @PreAuthorize(...) public void…
fracz
  • 20,536
  • 18
  • 103
  • 149
15
votes
3 answers

How to submit post data with ng2 file upload in angular 2?

I am using ng2-file-upload in angular 2. Is there any way to submit my form data with file upload action?
Ghanshyam
  • 265
  • 1
  • 2
  • 11
12
votes
2 answers

PUT to S3 with presigned url gives 403 error

I'm using Node to get an presignedRUL for S3 in order to PUT an image to an S3 bucket. var aws = require('aws-sdk'); // Request presigned URL from S3 exports.S3presignedURL = function (req, res) { var s3 = new aws.S3(); var params = { …
honkskillet
  • 3,007
  • 6
  • 31
  • 47
12
votes
1 answer

Cross Domain Image upload Angular+laravel

I have been struggling with image upload on server. I am using ngFileUpload on front end. But I always get "Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested…
Sohaib Farooqi
  • 5,457
  • 4
  • 31
  • 43
12
votes
2 answers

Unable to use http-server wiki example

I made a web-app using AngularJs where user can upload .txt files to a server using ng-file-upload. Now I wanted a simple Node.js server to test the upload part and watch how progress bars and error messages in the page behave, but having a very…
Gargaroz
  • 313
  • 9
  • 28
8
votes
1 answer

Request is empty laravel ajax multiple images

So I had some functioning code, but I needed to add multiple image uploads to it. I used this plugin. Now my HTML looks like this:
Sjoerd de Wit
  • 2,353
  • 5
  • 26
  • 45
7
votes
1 answer

Using ng-file-upload with Rails carrierwave gem to upload multiple files

I'm trying to combine ng-file-upload and carrierwave to upload multiple files, but the controller on server side receives only one file (the last item of the selected files). Client side (reference) html
7
votes
1 answer

AngularJS Upload a file and send it to a DB

I've been trying to get ngFileUpload working so that I can upload images and have them sent to a DB–in my case a mongoLab DB which accepts JSON objects that can be POSTed with a syntax like this: $http.post('myMongoName/myDb/myCollection/myTable',…
nikk wong
  • 8,059
  • 6
  • 51
  • 68
6
votes
0 answers

Angular ng-file-upload - What is ngfBlobUrl and how to convert back and forth

I am looking into allowing users to upload PDF files (and later preview/download them back). I was looking around and it seems that ng-File-Upload is a popular directive to upload files since it supports many browsers. I originally thought that I…
Pipeline
  • 1,029
  • 1
  • 17
  • 45
6
votes
2 answers

ngf-pattern not working for ng-file-upload

I am trying to limit the file type to CSV in the ng-file-upload component but it isn't working - it still accepts all files. I have tried both ngf-pattern="'*.csv'" and ngf-pattern="*.csv". Code:
6
votes
1 answer

Using cropper with ng-file-upload

I'm using ng-file-upload to preview and upload an image. Before I upload the image I'd like to have the user crop the image. I tried using ng-img-crop, but that didn't have the features I wanted (aspect ratio customization), but cropper did…
Brandon
  • 2,886
  • 3
  • 29
  • 44
5
votes
3 answers

$http.post: Large files do not work

I am trying to upload files through my web app using the following code. View:
…
Barry Piccinni
  • 1,685
  • 12
  • 23
5
votes
0 answers

NodeJS getSignedUrl from Google Cloud Storage - for upload (write) via AngularJS client

I am trying to upload a file to Google Cloud Storage through an AngularJS App. I want to use a Signed URL (so GCS Authentication details are not stored within the client side AngularJS App). NodeJS Server Side The follow code does return a Signed…
user2483
  • 51
  • 3
5
votes
2 answers

Why would I wrap a function in AngularJS $timeout service without a delay like they do in ng-file-upload example usage code?

In most of the fiddles containing sample usage code for ng-file-upload (https://github.com/danialfarid/ng-file-upload) like the one at (http://jsfiddle.net/danialfarid/maqbzv15/1118/), the upload response callback functions wrap their code in a…
encrest
  • 1,757
  • 1
  • 17
  • 18
5
votes
0 answers

How to cancel file uploading and automatically remove record if the upload faild in angular meteor and collectionfs?

Html:
Select
Client JS: vm.uploadPhotos = function()…
Raeef Refai
  • 1,471
  • 14
  • 26
1
2 3
…
32 33