how to upload File in angularjs frontend

Question

I want to Upload a data api with the following signature but I want to double check how the data is received.I have used just ordinary modules in angular to upload the file but I want to check how the file pushed to the api. I want the file to be collection of bytes as it reaches the api but here am uploading the just the file. Does the internal transfer protocol change it to bytes ?

notice the file has type of collection of bytes. How should I upload that

bwobbones · Accepted Answer · 2015-07-25 02:55:55Z

1

For this I use the ng-file-upload. Using the Upload service to call your api like this:

Upload.upload({
  url: '/api/uploadFile',
  fields: {fileName: 'fileName', fileExt: '.doc'},
  file: file
})

The file will be uploaded as type ArrayBuffer and you can do what you need to on the back end.

Here is a snippet for the download using FileSaver,js:

$http.post('/api/downloadFile', 'fileName', {responseType: "arraybuffer"}).
  success(function(data) {
    var blob = new Blob([data], { type: '.doc' });
    saveAs(blob, file.fileName);
  })

edited Jul 25, 2015 at 2:55

answered Jul 24, 2015 at 5:11

bwobbones

2,6084 gold badges25 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Dagm Fekadu Over a year ago

Here is the problem I cant access the api,I can only consume

Dagm Fekadu Over a year ago

Good thanks men,Am thinking putting it on plunker so will let you know

bwobbones Over a year ago

If this one worked are you able to accept the answer?

Collectives™ on Stack Overflow

how to upload File in angularjs frontend

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related