2

我正在使用 quasar-framework 和 vue,并且在用户单击重定向到文件路径的链接后,我正在绑定一个对象属性以将文档嵌入到 iframe 中。我不想修复没有向我显示我只想解决以下问题的文件:

有什么方法可以阻止浏览器默认下载无法显示时嵌入到 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)时,浏览器会下载名为“content”的文件,我想避免这个和那个用户可以从新路由下载或不下载通过按钮(有效)文件。

4

1 回答 1

2

您应该使用标签object而不是iframe嵌入文档。如果浏览器无法渲染嵌入的文档object,则不会强制下载,也不会显示任何内容。

<object width="400" height="400" data="FILE_URL" type="FILE_CONTENT_TYPE">
    <embed src="FILE_URL" type="FILE_CONTENT_TYPE" />
</object>

来源:

于 2017-05-09T15:04:23.883 回答