angular-file-upload is a lightweight cross-browser AngularJS directive for uploading files, with a feature set including file and directory drag and drop, upload progress, cancel/abort, and client-side file validation.

learn more… | top users | synonyms

0
votes
0answers
11 views

Image upload not get fire when i choose the file

im trying to make this work since last week, and still a big nope, basicly i want to upload a foto to my server and save it there, on the same route i save the source for the image on my mongoose ...
0
votes
0answers
17 views

angularFileUpload don't fire event

i am trying to do a file upload with angularFileUpload module, so in my view i have something like this: Upload image <input type="file" data-ng-file-select="onFileSelect($files)" accept="...
-1
votes
0answers
17 views

angular file upload event data-ng-file-select not working

i want to do a simple file upload, to do that i have this html controller="registerController" class="centerPage"> <div class="grid"> <form method="POST" class="form login" ...
-1
votes
1answer
49 views

File upload won't work with angular-file-upload and Spring

I am trying to make a simple file upload possible but Spring does not want to play with me. This is the endpoint for file uploads - currently not doing a lot: @PostMapping(WordEmbeddingApiPaths....
0
votes
1answer
52 views

How to set request part for POST request with angular-file-upload and Spring?

Unfortunately this answer does not help me. The problem appears to be that the request parameter file is not present in my POST request for some reason. I am trying to upload a file, any file whether ...
0
votes
2answers
15 views

Injecting angularFileUpload not working

this sound like a simple question but i am a newbie with angular, basicly i want to use AngularFileUpload to upload images on my website, so i did this when i initialize my app: var app = angular....
0
votes
2answers
66 views

angular file upload with nervgh/angular-file-upload

I'm doing a file upload from angular implementing the https://github.com/nervgh/angular-file-upload plugin, my setup it's like this : var vm = this, apiUrl = appConfig.getItem('BASE_API_URL'), // ...
2
votes
1answer
39 views

How to pass data from function to angular controller scope

I stuck at this problem for days. I use angular file upload to upload image. I can upload the image to the server, and I can get the response image url from the server back. But I can't get the ...
1
vote
1answer
69 views

Get file paths for multiple uploaded files with angular-file-upload within ng-repeat

I am using Angular 1 and the angular-file-upload plugin. I want to create an array populated in the following way: result = [{ name: "whatever string", uploadedFilePath: "/whatever/path/image....
0
votes
0answers
35 views

Clearing the images , when new function called in angular js

I have list of images and I had set my imageStorysource as the first file from response. JS: scope.previewImage( element[0].files[0] ); $scope.previewImage = function ( file ) { ...
0
votes
2answers
71 views

How to give gif image for loading until response comes from backend

HTML: <div class="row" ng-if="dataLoading" src="data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+...
0
votes
1answer
22 views

Video loading message until response comes from backend

Video Upload.js var json = { "request": { "service":{ "servicetype":servicetype, "session_id": ...
0
votes
0answers
15 views

Video in preview mode from backend response

I have done video in view mode for source available with file extesnsion using igniteui-directives . But samething if I am trying to with my response from server I am getting video format not ...
0
votes
0answers
18 views

Angular $httpbackend.post() of E2EMock not responding to fileuploader.uploadAll() of angular file upload package

I am using angular file upload package to upload files to the server. [https://github.com/nervgh/angular-file-upload][1] To do E2E testing of uploading i am using $httpbackend of ngmocke2e. My ...
1
vote
2answers
160 views

angular-file-upload - display uploaded image in browser without streaming it from backend

I am using nervgh/angular-file-upload to let the user take a photo from his mobile phone camera and upload it. It works fine, but now I want to display the image too. Of course I could add that ...
0
votes
1answer
79 views

Cant get file upload to work using nervgh library

I am new to angularJs. I am trying to upload a .tar file to my server using nervgh angular file upload library. I used the code as is from the example but I get a 500 exception from the server stating ...
0
votes
2answers
83 views

How i can restrict some file formats to be upload?

I am using angular file upload (nv-file-select) to upload file, now my question is how can i restrict some file formats so that user can only see files with doc/docx and xls/xlsx format. <input ...
3
votes
1answer
57 views

angular-file-upload nervgh - how to change server url

In my app angular-file-upload method uploadAll() calls localhost:port everytime. I want it to change it to some other server ip http://1233.3.3.3:1010/image/SaveFile. How do I do this ? I tried vm....
0
votes
1answer
41 views

Angularjs $injector:modulerr

ng-fileupload having injection error on angular 1.2.3 my source code attached here <!DOCTYPE html> <html ng-app ="dashboard"> <head> <title></title> <script ...
0
votes
1answer
44 views

Get undefined variable trying to update the path to an uploaded file within MongoDB using angular-file-upload and MEAN.js

If someone could help me I would be eternally grateful. I have been slamming my head against a brick wall for weeks trying to get images to upload the way it is demonstrated out of the box with the ...
0
votes
0answers
21 views

consolidating uploader queues

I have a page set up where I ended up needing separate upload queues. I couldn't come up with a way to give an uploader separate queues so I just made separate uploaders. However I still want these ...
0
votes
0answers
97 views

File upload not working in android emulator and device

I am trying to upload image from ionic app to remote server but getting TypeError: Cannot read property '0' of undefined Actually, file upload works properly when I try to upload it from Home ...
-3
votes
1answer
203 views

How to upload file in php using angular js

Now I am learning angular js with php. I will try to upload files and stored file name in mysql database task.html <!DOCTYPE html> <html> <script src="js/shared/angular.min.js"><...
1
vote
2answers
127 views

Angular file upload size

I use https://github.com/nervgh/angular-file-upload/ and I need to send file size to my backend server. I don't find any solution, this is header that I receive: { filename:'new02.png', headers:{...
1
vote
1answer
120 views

Angular-JS File Upload using angular-file-upload - Limiting File Size display message

I am using angular-file-upload. i have added a filter to limit the file upload size. But i cannot find how to catch it so i could display a message to the user. self.uploader.filters.push({ 'name':...
4
votes
2answers
674 views

Upload files with Angular with a post containing other form data

I have followed countless examples (from here and other sites) that explain how you upload files from Angular to a web server. I am happy with the solution of using angular-file-upload and processing ...
0
votes
0answers
100 views

Upload af files fails - JS/Angular-file-upload => .net WebApi

So I'm using ng-file-upload to upload file to my api. My problem is that i can't get the api to work. if i uploaded a small file it works fine. but when its over 50 kb, is not working. I have changed ...
0
votes
0answers
21 views

PHP File Upload shrinking image file

Hey guys for some reason when I upload a photo it basically shrinks the image down to a thumbnail size. I am using angular file upload (https://github.com/danialfarid/ng-file-upload) and php scripts ...
0
votes
0answers
81 views

Angularjs upload file

i'm trying to upload a file but i'm getting an error (Failed to load resource: net::ERR_CONNECTION_TIMED_OUT) Please help me, here is all the code in plunker myApp.controller('myCtrl', ['$scope'...
0
votes
0answers
61 views

“angular-file-upload” - read directive's options in controller

I am using "angular-file-upload" from https://github.com/nervgh/angular-file-upload. In my html I have ... <div ng-controller="UploadCtrl" uploader="uploader" options="{recordid:model.id}"> ...
2
votes
0answers
296 views

Angular File Upload Application/Octet-Stream

Is it possible to upload files as octet-stream with the angular file upload plugin? I manually set the content-type in the header to "application/octet-stream", but the uploader doesn't validate it's ...
0
votes
2answers
249 views

FileUpload in angularjs

I'm using angular-file-upload as found in Here. It was working for what I needed, but now the need has changed, and I'd like to be able to send additional data about (object) along with the file. ...
0
votes
1answer
483 views

How to fix EXIF orientation on before upload with angular-file-upload

I am using angular-file-upload directive to upload files, I have problem with images or photos taken with apple devices, I understand that apple include exif orientation data on image to correct view ...
0
votes
2answers
599 views

Amazon S3 - ERR_INSECURE_RESPONSE

This question has already been asked here but that answer didn't help me as I know that the URL is correct as it points to a US Standard url as detailed in the amazon guide here So I'm attempting to ...
2
votes
1answer
33 views

Update bower library with specific branch

I am using angular-file-upload directive to upload files in my app, actually I am using 1.1.5 branch version of this directive, I want to update this to 1.1.6 but actually the master branch is 2.0.x, ...
1
vote
2answers
92 views

angular-file-upload temporarily disabling drag and drop

I am using angular-file-upload (https://github.com/nervgh/angular-file-upload) I would like to disable the drag and drop functionality once the upload process has begun so that more files cannot be ...
1
vote
2answers
599 views

Angular File Upload Callback

Really struggling with this at the moment so if anyone had any advice that would be fantastic. Pretty sure it's a case of me over complicating something simple but we'll see! Using the following to ...
0
votes
1answer
289 views

input file - change text button of data-button-text

I'm using this angular file upload (nervgh/angular-file-upload) in my angular app. It works very well and I have no problems with the uploads. I have one problem with one button, this is the button ...
1
vote
2answers
342 views

Listen to API response using angular-file-upload module

I'm building a WebApp using AngulasJs and Django and I'm currently relying on angular-file-upload to upload image to my api like so : var uploader = $scope.uploader = new FileUploader({ ...
-1
votes
1answer
136 views

Angular-FileUploader 1.x.x - Adding form data to items

Hi there can't figure out how to add, formdata to my upload request with angular-fileuploader tried with onBeforeUploadItem, but it dosen't add the data :/ Ctrl .controller('uplCtrl', function ($...
2
votes
0answers
190 views

Pipe angular-file-upload request with image to Azure in node.js

I almost have this working. I use angular-file-upload (http://nervgh.github.io/pages/angular-file-upload/examples/image-preview/) to upload a file to nodejs server and I pipe it through to Azure. ...
1
vote
1answer
414 views

angular-file-upload with Amazon S3 getting 405 Method Not Allowed

I have an amazon s3 endpoint that I'm trying to upload files to on the client side (with some back-end help). Here's my policy code: s3Policy = JSON.stringify({ expiration: '2038-12-01T12:00:...
1
vote
1answer
2k views

how to upload a file in Restangularjs using multipart/formdata

my html code <form method="post" enctype="multipart/form-data" ng-controller="commentCtrl" name="form"> <a href="" type="file" class="custom-height"><img src="source/assets/...
0
votes
1answer
65 views

handling file uploads sent via xhr using play framework v2.4

I am using play framework v2.4 and am testing file uploads sent via a web form (xhr call via angular). I have tried the following two options in the play framework controller (based on https://www....
2
votes
1answer
56 views

Sort/GroupBy files pre-uploaded using AngularJS

I want to group my files before to upload them by extension(The extension can not be defined in the mime type attribute defined by the upload infos. So I used groupBy defined by angular-filter and ...
0
votes
2answers
425 views

Express 4: How do I send JSON object to view?

I've researched for the past few days and I cannot figure this one out. Goal: User uploads a text file using the angular-file-upload form, and multer saves the file to a temporary folder. The data ...
0
votes
1answer
340 views

uploading images to firebase on form submit

I'm building a small web app (blog post alike) using AngularJs and Firebase. i implemented the addPost controller earlier and it worked good. After i wanted to add some input file inside the form ...
1
vote
1answer
454 views

Trigger ngf-select programmatically

I have a directive that should open file picker window when a controller variable changes. Here is the snippet of the directive: angular.module('settingsInternal') .directive('triggerUpload', ...
0
votes
1answer
240 views

What are the ways to sync progress bar in server side and client side

I am new to Spring boot and angular js. In my controller(Angular file Upload)I have -- app.controller('AppController_img', ['$scope', 'FileUploader','Restangular','ngDialog', function($scope, ...
0
votes
1answer
792 views

Uploading multiple files with angular-file-upload

I'm using angular-file-upload to upload images along with form data to my server. I've been able to do that successfully one image at a time. My problem is that in my form I need to upload two ...