hi,
I am trying to upload the file using angularjs but i am not getting the full filepath while uploading.
How can i get the full file path when uploading the path.
I am sharing my code below:-
What I have tried:
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script>
debugger;
var myApp = angular.module('fupApp', []);
myApp.controller('fupController', function ($scope) {
debugger;
//GET THE FILE INFORMATION.
$scope.getFileDetails = function (e) {
//debugger;
var filename = document.getElementById("file").value;
$scope.files = [];
$scope.$apply(function () {
debugger;
// STORE THE FILE OBJECT IN AN ARRAY.
for (var i = 0; i < e.files.length; i++) {
$scope.files.push(e.files[i])
}
});
};
$scope.uploadFiles = function () {
debugger;
//FILL FormData WITH FILE DETAILS.
var data = new FormData();
for (var i in $scope.files) {
// data.append("uploadedFile", $scope.files[i]);
}
debugger;
var fileName = $scope.files[0];//here i am getting only filename and filesize .
//alert($scope.filename);
}
// UPDATE PROGRESS BAR.
function updateProgress(e) {
if (e.lengthComputable) {
document.getElementById('pro').setAttribute('value', e.loaded);
document.getElementById('pro').setAttribute('max', e.total);
}
}
// CONFIRMATION.
function transferComplete(e) {
alert("Files uploaded successfully.");
}
});
</script>
</head>
<body ng-app="fupApp">
<div ng-controller="fupController">
<input type="file" id="file" name="file" multiple
onchange="angular.element(this).scope().getFileDetails(this)" />
<input type="button" ng-click="uploadFiles()" value="Upload" />
<!--ADD A PROGRESS BAR ELEMENT.-->
<p><progress id="pro" value="0"></progress></p>
</div>
</body>
</html>
Submit an article or tip