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

            });
        }
    });