consolidate file choose and upload in one line in angularJs only

Question

Currently, I choose the file and upload using 2 different buttons as follows:

<input type="file" file-model="myFile" />
<button ng-click="uploadFile()">upload me</button>

Is it possible to choose the file and upload in 1 single button?

I tried the following but did not work.

<input type="file" file-model="myFile" onchange="uploadFile()" />

Answer 1

You can use ng-file-select like this:

<input type="file" ng-model="fname" ng-file-select="uploadFile($files)">

Inside your controller, you'll get object:

$scope.uploadFile = function($files) {
    var file = $files[0];
    console.log(file);
}

More details:
http://blog.gitbd.org/file-upload-by-angular-and-php/

Answer 2

try this

<input type="file" file-model="myFile" onChange="uploadFile()" />

 <!DOCTYPE html> <html> <head> <title>Page Title</title> <script> function uploadFile(){ alert("function accessed"); } </script> </head> <body> <input type="file" file-model="myFile" onChange="uploadFile()" /> </body> </html>

consolidate file choose and upload in one line in angularJs only

Question

2 answers

solution1
4 ACCPTED 2015-05-06 05:42:23

solution2
0 2015-05-06 05:52:19

consolidate file choose and upload in one line in angularJs only

Question

2 answers

solution1 4 ACCPTED 2015-05-06 05:42:23

solution2 0 2015-05-06 05:52:19

solution1
4 ACCPTED 2015-05-06 05:42:23

solution2
0 2015-05-06 05:52:19