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

Question

我在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”的文件，並且我想避免這種情況，並且用戶可以從該新路由中下載或不下載該文件。通過一個按鈕（有效）文件。

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>

資源：