选择pdf with fileDialog并打开pdf javascript

我正在尝试使用和输入type='file'打开pdf文件，并尝试打开和显示所选文件，当我使用文件对话框打开文件时，浏览器不允许我获取文件的完整路径，并且由于文件是从另一个应用程序生成的，因此获取路径的唯一方法是手动选择文件

我还需要使用angular$http发送此pdf并将其存储在数据库中。但我可以使用formData api来实现这一点

我创造了一个小提琴，我有什么几乎是什么，因为我真的不知道如何做到这一点，有可能做到吗？

任何帮助都是非常宝贵的

迄今为止的代码：

<div ng-app="App">
<div ng-controller="MainCtrl">
    <div class="row" style="padding-left: 20px;">
        <label for="importPdf">Import Pdf</label>
        <input name="importPdf" type="file" id="fileInput" onchange="angular.element(this).scope().handleFiles(this.files)" />
    </div>
</div>

---

你在主持什么节目？我这样问是因为我相信服务器端解决方案可能更容易实现。我将它托管在windows服务器IIS上

var soccerApp = angular.module('App', []);

soccerApp.controller('MainCtrl', function ($scope) {


$scope.handleFiles = function (files, tipoDeArchivo) {
    var file = files[0];
    //can i do this with a fileReader?
    // var reader = new FileReader();

   console.log(file);        
    var formData = new FormData();


    formData.append(file.name, file);

    // Send Pdf using angular  $http.post
  //  SavePdfToDatabase(formData);

     // Open the pdf file on a new window or an iframe or anything.
    //how can this be done?
    window.open(file);
};



  function onFileReadComplete(event) {
    $scope.ImportarArchivoDespiece(event.target.result);
  }
});