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.
0
votes
0answers
19 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
35 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
19 views
Video loading message until response comes from backend
Video Upload.js
var json = {
"request": {
"service":{
"servicetype":servicetype,
"session_id": ...
0
votes
0answers
10 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 ...
1
vote
2answers
68 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 ...
-3
votes
1answer
166 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"><...
0
votes
0answers
17 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
2k views
Nervgh Angular File Upload - How do I restrict the file formats to say jpeg and png?
I am upgrading an application that is using nv-file-select directive. I am unsure as to how to restrict the file formats supported for upload.
3
votes
3answers
4k views
angularjs angular-file-upload Unknown provider: $uploadProvider error
This is not a duplicate of This Question
I have included all the required files in view:
<script src="~/Scripts/angular-file-upload-master/examples/console-sham.min.js"></script>
<...
1
vote
2answers
84 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 ...
3
votes
1answer
44 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
2answers
76 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 ...
0
votes
1answer
63 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 ...
4
votes
2answers
605 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
1answer
35 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
41 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
2answers
2k views
how to properly use angular-file-upload on a page
I need to use angular-file-upload directive (https://github.com/nervgh/angular-file-upload).
I took the html as well as the controller example as-is from github:
html:
<body ng-controller="...
0
votes
0answers
19 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 ...
6
votes
2answers
7k views
angular-file-upload with ngImgCrop
I'm using (ngImgCrop) to crop an image and then upload the cropped image to server using (angular-file-upload).
I can get the $dataURI from the "on-change" option in ngImgCrop. But I need a File ...
1
vote
2answers
413 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
0answers
87 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 ...
android
0
votes
2answers
68 views
Angular -fill one column based on server response
I'm new to angular so sorry if this is a very basic question.
I built a client-server app, that allows to upload files, then validates them (some internal rules) and returns log file in case the ...
1
vote
2answers
103 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
114 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':...
0
votes
0answers
83 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
20 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
76 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
53 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
237 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
1answer
386 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 ...
1
vote
1answer
745 views
angular-file-upload - how to make drop zone clickable?
Using nv-file-upload (https://github.com/nervgh/angular-file-upload) how can I make the drop zone act also as a clickable element to select files? Adding {{nv-file-select}} does not seem to work.
1
vote
2answers
812 views
Upload file when button clicked in Angularjs
I have at the moment af button and a file input field to upload files.
Button
<button type="button" class="btn btn-success pull-right" ng-click="uploader.uploadAll()">Upload</button>
...
0
votes
2answers
226 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
2answers
392 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, ...
0
votes
1answer
444 views
ng-file-upload function not triggering function
i'm trying to upload a file to my server like, save a path to database and file to folder, for that i tried ng-file-upload here is my code.
<form ng-show="divPatient" name="PatientForm" ng-submit="...
0
votes
1answer
257 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 ...
0
votes
0answers
34 views
How to integrate ngImCrop with angular-file-upload
angular-file-upload html ::
<div id="cover-container-box">
<span accept='image/*' onclick='this.value = null' ng-file-select='onFileSelect($files)' class="cover-text">Change Cover<...
4
votes
3answers
4k views
Angular File Upload with Parameters
I'm using Angular-file-upload to upload files to an API by doing this:
var upload = function (file) {
return $upload.upload({
url: '/api/place/logo',
data: {place_id: 1, token: &...
1
vote
1answer
457 views
define multiple uploaders for angular-file-upload in AngularJs
I am using angularjs file uploader given at "https://github.com/nervgh/angular-file-upload", so my js code look like this:
var uploader = $scope.uploader = new FileUploader({
url: 'uploadUrl1.php'
...
0
votes
1answer
719 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 ...
-1
votes
1answer
131 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 ($...
1
vote
1answer
1k views
Angular-file-upload not posting image to C# MVC Controller
I am applying angular-file-uploader.js in my ASP.NET MVC application. I want to upload an image in a folder on a server. The problem happens on receiving the image on my ProductTemplate controller(...
0
votes
0answers
99 views
Angular file upload and interceptors
I am trying nervgh for my file uploads. My problem is that the upload is not getting intercepted. Are there any Angular compatible file upload products that can be intercepted?
Thanks
1
vote
2answers
286 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({
...
0
votes
0answers
176 views
angular-file-upload corrupt files after upload to AWS S3
Hi there i'm using angular-file-upload(https://github.com/nervgh/angular-file-upload)
And trying to get my files to s3 bucket with Pre-Signed URLs..
Controller:
//make a new file-uploader
var ...
0
votes
1answer
64 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....
1
vote
1answer
412 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', ...
1
vote
1answer
367 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:...
2
votes
0answers
164 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.
...
