Javascript 正在打开用户选择的文件
我有下面的代码,如果用户愿意,我想在新选项卡中显示使用输入元素添加的pdf或打开文件 这可能吗Javascript 正在打开用户选择的文件,javascript,html,angularjs,ng-file-upload,Javascript,Html,Angularjs,Ng File Upload,我有下面的代码,如果用户愿意,我想在新选项卡中显示使用输入元素添加的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" c
<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>
您可以使用URL.createObjectURL并将所选文件传递给它
let url = URL.createObjectURL(selectedFile);
window.open(url, "_blank");
这里有一个简单的例子,让你快速了解要点
但问题是,大多数浏览器会阻止您在选择文件后打开新选项卡
您可以尝试显示一些按钮来打开该文件。有点类似于,但我不确定这是否适用于所有情况。您给我的第二个选项在firefox上效果很好,但在chrome上,我得到了一个空白页面,在edge上甚至没有出现按钮