上传后打印文件内容,AngularJS
Print out file content after upload, AngularJS
编辑:我解决了。我写:
$scope.result = data
在success-area
我有一个可以上传文件的表单。我使用的是我在github上找到的angular文件上传模型:https://github.com/danialfarid/angular-file-upload
上传工作完美。但是,在上传文件之后,我想返回文件内容,并在站点上打印出来,但是我不知道如何将文件绑定到$作用域。
这是我的控制器:
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);
}
这是我的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>
如您所见,我想将内容绑定到$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
});
}
});
相关文章:
- 从angularjs文件调用apicontroller时未发现错误
- 从单个angularjs文件调用所有控制器
- 如何正确设置AngularJS文件
- 上传带有进度百分比的 angularjs 文件
- 如何将多个 angularjs 文件编译为单个应用程序文件
- 加载 AngularJS 文件的正确顺序是什么
- Angularjs文件上传指令
- 将JavaScript函数放入Angularjs文件中
- Angularjs文件上传:错误:[$injector:unp]未知提供程序:$uploadProvider<-$
- angularjs文件阅读器返回undefined
- 如何在不同的angularjs文件中分离控制器
- 我的angularJS文件上传不起作用.它显示错误的请求.如何解决?我正在使用javaspring
- 是否有可能将所有AngularJS文件(例如Controller, Factory)加载到一个外部HTML中?
- 在angularJs文件中使用strict命令出错
- 叠布承诺上传angularJS文件
- 从外部配置文件向angularjs文件提供url值
- 如何正确地缩小angularJS文件
- 将AngularJS文件合并到一个文件中
- 一个AngularJS文件中有多少控制器(服务、工厂、指令)
- AngularJS文件拖放指令