Javascript - プレビューが失敗したときにブラウザでファイルをダウンロードしないようにする

Question

vueでquasar-frameworkを使用しています。ユーザーがファイルのパスにリダイレクトするリンクをクリックした後にオブジェクトプロパティをバインドして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

埋め込みドキュメントには、iframeの代わりにobjectタグを使用する必要があります。ブラウザが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