Javascript - 避免在預覽失敗時通過瀏覽器下載文件

Question

我正在使用quasar-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加載）來控制該瀏覽器下載一個名爲「內容」和文件我想要避免這種情況，並且從用戶可以下載的新路線或者通過按鈕（其工作方式）不是該文件。

Answer 1

您應該使用標記object而不是iframe來嵌入文檔。如果瀏覽器無法呈現object內嵌的文檔，則不會強制下載，也不會顯示任何內容。

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

來源：

• HTML embedded PDF iframe