Javascript - 避免在预览失败时通过浏览器下载文件
问题描述:
我正在使用quasar-vue的框架,并且在用户单击重定向到文件路径的链接后,我将绑定对象的属性以将文档嵌入到iframe中。我不想修复那些没有向我显示文件的人,我只是想解决以下问题:Javascript - 避免在预览失败时通过浏览器下载文件
有没有什么办法可以阻止浏览器默认下载选定的文件来查看嵌入到iframe何时无法显示?
<iframe id="content_iframe" v-bind:src="file.content_url" style="width:100%; background-color: gray" frameborder="0" scrolling="no"></iframe>
的file.content_url包含:"http://10.20.60.30:5010/files/1/content/"
我需要,因为当我加载新的路由(当时File.vue加载)来控制该浏览器下载一个名为“内容”和文件我想要避免这种情况,并且从用户可以下载的新路线或者通过按钮(其工作方式)不是该文件。
答
您应该使用标记object
而不是iframe
来嵌入文档。如果浏览器无法呈现object
内嵌的文档,则不会强制下载,也不会显示任何内容。
<object width="400" height="400" data="FILE_URL" type="FILE_CONTENT_TYPE">
<embed src="FILE_URL" type="FILE_CONTENT_TYPE" />
</object>
来源: