Javascript 上传后打印文件内容,AngularJS
编辑:我解决了。我写道:Javascript 上传后打印文件内容,AngularJS,javascript,angularjs,file,Javascript,Angularjs,File,编辑:我解决了。我写道: $scope.result = data 在成功领域 我有一个表格,你可以上传文件。我使用的是我在github找到的angular文件上传模型: 上传效果很好。然而,在我上传了文件之后,我想返回文件内容,并在站点上打印出来,但我现在不知道如何将文件绑定到$scope 这是我的控制器: as.controller('Marketing', function($scope, $http, $upload) { $scope.onFileSelect
$scope.result = data
在成功领域
我有一个表格,你可以上传文件。我使用的是我在github找到的angular文件上传模型:
上传效果很好。然而,在我上传了文件之后,我想返回文件内容,并在站点上打印出来,但我现在不知道如何将文件绑定到$scope
这是我的控制器:
as.controller('Marketing', function($scope, $http, $upload)
{
$scope.onFileSelect = function($files) {
var file = $files[0];
if (file.type.indexOf('image') == -1) {
$scope.error = 'image extension not allowed, please choose a JPEG or PNG file.'
}
if (file.size > 2097152){
$scope.error ='File size cannot exceed 2 MB';
}
$scope.upload = $upload.upload({
url: 'partials/result.php',
data: {},
file: file,
}).success(function(data, status, headers, config) {
// file is uploaded successfully
console.log(data);
});
}
});
以下是我的PHP:
$filename = $_FILES['file']['tmp_name'];
if(($handle = fopen($filename, "r")) !== FALSE) {
while(($data = fgetcsv($handle, 1000, ",")) !== FALSE) {
$num = count($data);
echo "<p> $num fields in line $row: <br/></p>\n";
$row++;
for($c = 0; $c < $num; $c++) {
echo $data[$c] . "<br/>\n";
}
}
fclose($handle);
}
$filename=$\u FILES['file']['tmp\u name'];
if($handle=fopen($filename,“r”)!==FALSE){
while(($data=fgetcsv($handle,1000,“,”)!==FALSE){
$num=计数($data);
echo“$num字段位于第$row行:
\n”;
$row++;
对于($c=0;$c<$num;$c++){
echo$data[$c]。“
\n”;
}
}
fclose($handle);
}
这是我的HTML:
<div ng-controller="Marketing">
<form class="well form-search" enctype="multipart/form-data">
<input type="file" name="image" ng-file-select="onFileSelect($files)" >
</form>
<pre ng-model="result">
{{result}}
</pre>
</div>
{{result}}
如您所见,我想将内容绑定到$scope.result。既然应用程序中已经有了您的文件,您只需将它们绑定到
$scope
as.controller('Marketing', function($scope, $http, $upload)
{
$scope.onFileSelect = function($files) {
var file = $files[0];
if (file.type.indexOf('image') == -1) {
$scope.error = 'image extension not allowed, please choose a JPEG or PNG file.'
}
if (file.size > 2097152){
$scope.error ='File size cannot exceed 2 MB';
}
$scope.upload = $upload.upload({
url: 'partials/result.php',
data: {},
file: file,
}).success(function(data, status, headers, config) {
// This is the file you've just successfully uploaded
$scope.file = file
});
}
});