javascript - 使用输入类型文件的 PDFObject

Question

我可以使用此代码从服务器加载 pdf 文件

  <input type="file" id="imgPreview">
    <div class="container" >
                    <div id="viewpdf"></div>
                </div>
                <script>
                
                    var viewer = $("#viewpdf");
                    PDFObject.embed("{{url('public/uploads/LANDMARK.pdf')}}", viewer);
                </script>

但我要做的是加载从imgPreview输入文件类型附加的pdf文件

标签： javascriptjquerylaravelpdfobject

Answer 1

像这样使用：

$( document ).ready(function() {
   $( "#imgPreview" ).change(function() {
      var inputFile = this.files[0];
      var url=window.URL.createObjectURL(inputFile);
      var viewer = $("#viewpdf");
      PDFObject.embed(url, viewer);
   });
});