文章/答案/技术大牛

发布

社区首页 >问答首页 >文件选择/文件API -向嵌入式PDFObject发送文件

问文件选择/文件API -向嵌入式PDFObject发送文件
EN

Stack Overflow用户

提问于 2016-04-03 20:39:51

回答 1查看 776关注 0票数 1

因此，我试图使用文件选择(或文件API)从桌面选择文件，并将其发送给我的HTML中的嵌入式PDF查看器。我用有限的知识尝试了许多不同的方法将文件从文件-api推送到PDFObject，但似乎没有什么可行的。我不知道它是不能做到这一点，还是我只是做错了许多不同的方式。

    <head>
    <link href="http://pdfobject.com/css/examples.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://pdfobject.com/scripts/pdfobject.js"></script>
    <script type="text/javascript">
        window.onload = function (){
            var myPDF = new PDFObject(handleFileSelect).embed(); 
// ORIGINALLY var myPDF = new PDFObject({ URL: "location" }).embed();
        };
    </script>
</head>
<body>
    <div id="pdf">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/sample.pdf">Click here to download the PDF</a></div>
    <input type="file" id="files" name="files[]" multiple />
    <output id="list"></output>

    <script>
      function handleFileSelect(evt) {
        var files = evt.target.files; // FileList object

        // files is a FileList of File objects. List some properties.
        var output = [];
        for (var i = 0, f; f = files[i]; i++) {
          output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
                      f.size, ' bytes, last modified: ',
                      f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
                      '</li>');
        }
        document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
      }

      document.getElementById('files').addEventListener('change', handleFileSelect, false);
    </script>

我可以使用文件select/file api来选择文档并将其推送到PDFObject查看器，或者它不允许这种连接吗？

fileapi

pdfobject

javascript

file

select

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-31 08:35:02

只需通过创建一个文件来检索文件的url：

url=window.URL.createObjectURL(inputFile);

然后通过给PDFObject这个url嵌入文件：

PDFObject.embed(url, "#fileContainer");

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36390884

复制

相似问题

问文件选择/文件API -向嵌入式PDFObject发送文件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文件选择/文件API -向嵌入式PDFObject发送文件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文件选择/文件API -向嵌入式PDFObject发送文件
EN