Questions tagged [angular-file-upload]

angular-file-upload is an unmaintained 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.

Resources

Angular-file-upload is unmaintained. Consider using ng-file-upload.

191 questions
24
votes
4 answers

AngularJS file upload from ngThumb directive (with angular-file-upload)

I am using Angular-File-Upload to upload file to server. Everything works fine and the file can be saved in DB. The question is, how can I load back the images that I saved when in edit mode? This is the directive to create canvas when upload the…
d3bug3r
  • 2,492
  • 3
  • 34
  • 74
11
votes
1 answer

Error: [ng:areq] Argument 'module' is not a function, got Object

I try to use angular uploader which download it using npm and later browserify it all in single file. The error details can be seen here I cannot understand the errors because now I'm still new to AngularJS. Here is my code var angular =…
Muhaimin
  • 1,643
  • 2
  • 24
  • 48
9
votes
4 answers

Angular js Input type file - clear previously selected file

I am using input type="file" for my upload control using angular js. Everytime I click on browse, I do not want to see the previously selected file. By default,this seems to be retained. Can it be achieved by writing a directive? Can it be triggered…
8
votes
0 answers

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 own headers. The body always is…
marcel
  • 3,231
  • 8
  • 43
  • 76
8
votes
2 answers

Upload multipart form data with filename in Request Payload

I am still confused about different method of uploading files. The backend server is not under my control but I can upload a file using Swagger page or Postman. That means the server is functioning OK. But when I use AngularJS to do the upload, it…
HP.
  • 19,226
  • 53
  • 154
  • 253
7
votes
1 answer

Only allow specific file extensions in angular-file-upload module to be clickable

I'm using this module, https://github.com/nervgh/angular-file-upload I am using their simple example, http://nervgh.github.io/pages/angular-file-upload/examples/simple/ When you click "Choose file" button, it will open a window which allows us to…
devwannabe
  • 3,160
  • 8
  • 42
  • 79
6
votes
2 answers

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 instace to call $upload. How can I get the File…
rayashi
  • 1,721
  • 3
  • 20
  • 28
6
votes
3 answers

How do I 'unselect' a selected file?

I'm using this to allow the user to select and upload a file: This correctly show: When user clicks 'Upload', I upload the file. When the user clicks 'Remove', how do I clear…
Jason
  • 1,787
  • 4
  • 29
  • 46
5
votes
4 answers

Adding a picture to the MEAN.JS sample with Angular-file-upload

I am using MEAN.JS (https://github.com/meanjs/mean) and angular-file-upload (https://github.com/danialfarid/angular-file-upload). The "Article" sample provided by MEAN.JS contains two fields named "title" and "content". I want to modify that and…
Xavier M
  • 547
  • 3
  • 6
  • 13
4
votes
2 answers

How to upload a file along with form data using http.post

I am submitting a form with fields like title and description using http.post and it works fine. I also allow user to use the camera to capture a photo and save it as a string in base64 format. I need to submit this photo to the server via the same…
B Faley
  • 17,120
  • 43
  • 133
  • 223
4
votes
2 answers

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 the data on the server (Node) with Multer. What…
4
votes
1 answer

Why is my AngularJS binding not always updating properly?

I'm creating a simple image uploading page that works with AWS S3 using Danial Farid's ng-file-upload plugin. It features a simple button to upload a new image and a list of images. Like this:
Mauro
  • 3,946
  • 2
  • 27
  • 41
4
votes
2 answers

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.
Rohit Rane
  • 2,790
  • 6
  • 25
  • 41
4
votes
5 answers

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: }, file: file }); }; All…
Ashesh
  • 2,978
  • 4
  • 27
  • 47
4
votes
3 answers

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:
RandomUser
  • 1,843
  • 8
  • 33
  • 65
1
2 3
12 13