【问题标题】:Opening file selected by the user打开用户选择的文件
【发布时间】:2018-10-17 17:00:09
【问题描述】:

我有下面的代码,如果用户愿意,我想在新选项卡中显示添加的 pdf(使用输入元素)或打开文件。

这可能吗?

<div class="uploadButtonSection">
   <input type="image" src="clip.png" ngf-select="uploadFiles($files)" multiple
            accept="application/pdf" ngf-max-height="1000" ngf-max-size="5MB" class="uploadIcon"/>

 <ul class="uploadList">
    <li ng-repeat="file in files" style="font:smaller">   
       <div class="attachmentIcon">
         <a href="#" target="_blank"><img src="pdf-icon.png"></a>
         <div class="customBtn" ng-click="removeFile(file)">Remove</div>
            {{file.name}}
       </div>     
    </li>
 </ul>
</div>

【问题讨论】:

    标签: javascript html angularjs ng-file-upload


    【解决方案1】:

    您可以使用URL.createObjectURL 并将您选择的文件传递给它。

    let url = URL.createObjectURL(selectedFile);
    window.open(url, "_blank");
    

    这里有一个fiddle 供您快速了解要点。

    但问题是大多数浏览器会在您选择文件后阻止您打开新标签。 弹出窗口被阻止>>

    您可以尝试显示一些按钮来打开该文件。有点类似于this fiddle,但我不确定这是否适用于所有情况。

    【讨论】:

    • 你给我的第二个选项在 Firefox 上效果很好,但在 chrome 上我得到一个空白页,并且在边缘按钮甚至没有出现
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-02
    • 2016-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多