如何让html页面显示文件而不是下载文件？
如何让html页面显示文件而不是下载文件？
提问于 2020-01-02 06:34:18
我有一个托管在github页面上的网页。页面上有一个指向.bib文件的链接。当我单击指向bib文件的链接时，它会下载该文件。我想要的是让它在我的浏览器上打开bib文件并显示内容(它只是纯文本)。有没有办法做到这一点？
这是我希望发生的事情的演示：https://cs.stanford.edu/people/jcjohns/papers/iccv15/JohnsonICCV2015.bib当您单击此链接时，它会向您显示.bib文件的内容，而无需下载它。我希望我的网站也能做到这一点。
我的代码：
<a href="files/bib/filename.bib" ><b>[Bibtex]</b></a>
上面链接的demo的源代码如下：
<a href="papers/iccv15/JohnsonICCV2015.bib">[bib]</a>
任何帮助都将不胜感激。谢谢！
回答 1
Stack Overflow用户
发布于 2020-01-02 06:41:24
在最近的浏览器中，浏览器使用object标记来显示在当前浏览器窗口中
var Alink = document.getElementById('f100');
Alink.addEventListener("click", function(){
ShowFile();
});
function ShowFile(){
var foo = document.getElementById('foo');
var obj = document.createElement('object')
obj.setAttribute("data","https://cs.stanford.edu/people/jcjohns/papers/iccv15/JohnsonICCV2015.bib");
obj.setAttribute('width',300);
obj.setAttribute('height',100);
foo.appendChild(obj);
}<a href='#!' id='f100'>link 1</a>
<div id='foo'></div>
这是一个标准的html，如果服务器允许这些文件是可查看的...
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="https://cs.stanford.edu/people/jcjohns/papers/iccv15/JohnsonICCV2015.bib">[bib]</a>
</body>
</html>
It works as well
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59556651
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号