Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在angular.js中显示pdf_Javascript_Angularjs_Pdf - Fatal编程技术网

Javascript 在angular.js中显示pdf

Javascript 在angular.js中显示pdf,javascript,angularjs,pdf,Javascript,Angularjs,Pdf,我正试图用angular.js创建一个网站,但在显示pdf时遇到了一些问题。我要做的是获取一个pdf,它以blob的形式存储在mysql数据库中,然后将其显示为我的一个局部视图,当单击链接时,该视图将被带到主页中。我没能找到任何能很好解释这一点的东西。 这是我的控制器的代码。我还有一个从数据库获取文件的小php脚本。 任何帮助都将不胜感激 var about = angular.module('about', []); app.controller('aboutController'

我正试图用angular.js创建一个网站,但在显示pdf时遇到了一些问题。我要做的是获取一个pdf,它以blob的形式存储在mysql数据库中,然后将其显示为我的一个局部视图,当单击链接时,该视图将被带到主页中。我没能找到任何能很好解释这一点的东西。 这是我的控制器的代码。我还有一个从数据库获取文件的小php脚本。 任何帮助都将不胜感激

  var about = angular.module('about', []);
    app.controller('aboutController', function($scope, $http) {
        $http.post('PHP/aboutSearch.php', {responseType: 'arraybuffer'})
            .success(function(response){
                var file= new Blob([response], {type: 'application/pdf'});
                var fileURL = URL.createObjectURL(file);
                $scope.content = $SCE.trustedAsResourceURL(fileURL);
            });
   });



<?php

    $query = mysqli_query($con, "SELECT doc FROM tbl_docs WHERE id = 1");
    $row = mysqli_fetch_array($query);
    $content = $row['doc'];
    header('content-type: application/pdf');
?>
var about=angular.module('about',[]);
app.controller('aboutController',函数($scope,$http){
$http.post('PHP/aboutSearch.PHP',{responseType:'arraybuffer'})
.成功(功能(响应){
var file=newblob([response],{type:'application/pdf'});
var fileURL=URL.createObjectURL(文件);
$scope.content=$SCE.trustedAsResourceURL(fileURL);
});
});
试试这是一个使用mozillas的指令

Checkout PDF.js()-这是一个看起来可以很好地处理Angular的库,可以处理所有与PDF相关的功能