StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAngular Js File Upload
text
Body
copied!<p>i am new to angular js. i want to upload file using this. i used following link</p> <p><a href="http://jsfiddle.net/jasonals/WEvwz/27/" rel="nofollow">http://jsfiddle.net/jasonals/WEvwz/27/</a>? upload.html</p> <pre><code><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://blueimp.github.com/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script> <script src="http://blueimp.github.com/jQuery-File-Upload/js/jquery.fileupload.js"></script> <div ng-controller='TestCtrl'> <div> <input id="fileupload" type="file" name="files[]" data-url="/" multiple> <ul> <li ng-repeat="file in fileList"> {{file.name}} </li> </ul> </div> <button ng-click='addButtonClicked()'>Add File</button> </div> controlller file. $(document).ready(function(){ $('#fileupload').fileupload({ dataType: 'json'}); }); TestCtrl = function($scope){ $scope.fileList = []; $('#fileupload').bind('fileuploadadd', function(e, data){ // Add the files to the list numFiles = $scope.fileList.length for (var i=0; i < data.files.length; ++i) { var file = data.files[i]; // .$apply to update angular when something else makes changes $scope.$apply( $scope.fileList.push({name: file.name}) ); } // Begin upload immediately data.submit(); }); $scope.addButtonClicked = function(){ var numFiles = $scope.fileList.length; $scope.fileList.push({name: ('fileName' + numFiles)}); } } </code></pre> <p>but i am unable to post the url using this.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload