英文:
How to display pdf file in chrome browser in iframe tag
问题
我有一个URL,它返回一个文件,但问题是在Firefox浏览器中,文件显示正常,但在Chrome和Edge浏览器中,它会下载而不是显示。我搜索的所有解决方案都没有正确解决这个问题,请指导我。
<iframe
style={style} width="100%" height="100%"
src={`/test?letterReference=${this.props.letterReference}&fileReference=${this.props.fileReference}#toolbar=0&navbar=0`}>
</iframe>
英文:
I have a url that returns a file, but the problem is that in the Firefox browser, the file is displayed correctly, but in the Chrome and Edge browsers, it downloads instead of displaying. None of the solutions I searched for solve this problem correctly, please. guide me
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-html -->
<iframe
style={style} width="100%" height="100%"
src={/test?letterReference=${this.props.letterReference}&fileReference=${this.props.fileReference}#toolbar=0&navbar=0
}>
</iframe>
<!-- end snippet -->
答案1
得分: 1
要显示一个文件,您还可以使用<object>
:
<object data="{`/test?letterReference=${this.props.letterReference}&fileReference=${this.props.fileReference}#toolbar=0&navbar=0`}" width="100%" height="100%"></object>
英文:
To display a file you could also use an <object>
:
<object data="{`/test?letterReference=${this.props.letterReference}&fileReference=${this.props.fileReference}#toolbar=0&navbar=0`}" width="100%" height="100%"></object>
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论