使用angularjs上传文件路径时没有获得完整的文件路径？ [英] Not getting the full file path while uploading the file path using angularjs?
问题描述
我正在尝试使用angularjs上传文件，但我在上传时没有获得完整的文件路径。
如何在上传路径时获得完整的文件路径。
我在下面分享我的代码： -
我的尝试：
< script src =https：// ajax。 googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js\"></script>
< script>
调试器; < br $>
var myApp = angular.module（'fupApp'，[]）;
myApp.controller（'fupController'，函数（$ scope） ）{
调试器;
//获取文件信息。
$ scope.getFileDetails = function（e）{
//调试器;
var filename = document.getElementById（file）。value;
$ scope.files = [];
$ scope。$ apply（function（）{
debugger;
//在一个阵列中存储文件对象。
for（var i = 0;我< e.files.length; i ++）{
$ scope.files.push（e.files [i]）
}
}）;
};
$ scope.uploadFiles = function（）{
调试器;
//用文件详细信息填写FormData。
var data = new FormData（）;
for（var i在$ scope.files）{
// data.append（uploadedFile，$ scope.files [i]）;
}
调试器;
var fileName = $ scope.files [0]; //这里我只得到文件名和文件大小。
< br $>
//alert($scope.filename）;
< br $>
}
//更新进度条。
函数u pdateProgress（e）{
if（e.lengthComputable）{
document.getElementById（'pro'）。setAttribute（'value'，e.loaded）;
document.getElementById（'pro'）。setAttribute（'max'，e.total）;
}
}
//确认。
函数transferComplete（e）{
alert（文件上传成功。）;
}
}）;
< / script>
< / head>
< body ng-app =fupApp>
< div ng-controller =fupController>
< input type =fileid =filename =filemultiple
onchange =angular.element（this）.scope（）。getFileDetails（this）/>
< input type =buttonng-click =uploadFiles（）value =Upload/>
<！ - 添加进度条元素.-->
< p>< progress id =provalue =0>< / progress>< / p>
< / div>
< / body>
< / html>
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>
推荐答案
范围）{
调试器;
//获取文件信息。
scope) {
debugger;
//GET THE FILE INFORMATION.
scope.getFileDetails = function（e）{
//调试器;
var filename = document.getElementById（file）。值;
scope.getFileDetails = function (e) {
//debugger;
var filename = document.getElementById("file").value;
scope.files = [];
scope.files = [];
这篇关于使用angularjs上传文件路径时没有获得完整的文件路径？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
