a标签下载浏览器识别类型的文件怎么做到不直接打开

i9ni 2015-05-06 03:25:10

其href属性是文件的路径，如果是txt或jpg等浏览器识别的类型，点击链接是直接在窗口显示，如果是doc或其他文件，就会弹出下载框。怎样才能使所有文件点击都能弹出下载框而不直接打开呢？
想用js实现，因为路径等信息是动态读取的然后赋值给reapter的
听说要改页面开头？

...全文

392 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

程序猿老曾 2015-05-06

打赏
举报

回复

对于是否下载还是直接打开，这都是客户端的行为，正如楼上哥们所说的那样无法控制客户端！！

娃都会打酱油了 2015-05-06

打赏
举报

回复

没办法，你控制不了客户端，js也没那么大权限

本地浏览器安全性限制：由于浏览器安全机制的限制，有些浏览器可能会禁止下载某些类型的文件，比如 EXE 或 ZIP 文件等。服务器未正确设置 MIME 类型：在某些情况下，即使文件存在于服务器上，浏览器也可能无法识别该文件的类型，从而导致下载失败。这些 MIME 类型表明该文件是“二进制”文件，不能直接显示在浏览器中，浏览器会将其下载到本地硬盘上，让用户自己决定如何处理它。通常情况下我们都是使用的a 标签的 download 属性进行下载的，但有些时候下载的的文件会直接打开，这是为什么呢？浏览器下载文件为什么

pdf、txt、jpg等文件用a标签直接用href属性，是不能实现下载功能的，浏览器会直接识别并显示这些文件，要实现下载可以在a标签中加上download属性。这个download是html5的新特性，大部分浏览器都支持。注：download加上内容后，href不能跨域，只能用“../xx/aa.jpg”的格式，而且IE不支持新改的名称。 etc: <a h...

问题想要实现一个点击下载文件的功能，但当文件是txt，png之类的能被浏览器直接打开的文件，浏览器就会自动打开而不会执行下载原因首先要知道的是媒体类型(通常称为 Multipurpose Internet Mail Extensions 或 MIME 类型 )的概念，它表示传递的数据类型(图像/文本/音频等等)浏览器通过请求头Content-Type中的MIME类型(如 image/jpeg ...

其实很简单，只需要在url最后加上“response-content-type=application/octet-stream”即可！至于为什么加这个参数能下载下来，据说是因为使用这个contentType的话访问页面的时候浏览器就会开启下载框对其内容进行下载。使用a标签的download属性进行下载操作时，如果下载的是图片视频类的，则只能下载同源文件，非同源的文件浏览器会自动打开浏览而非下载，那么非同源的该如何操作才能下载呢？

一般下载都是在a标签里面防止文件链接，就可以直接下载，但对于text,json东风文件的链接，浏览器自动在新窗口打开，所以，想要下载，需要右键另存，当前这篇主要事解决这个问题首先，建一个js文件导出其中的方法我是在vue项目于里面使用 download.js //download.js v3.0, by dandavis; 2008-2014. [CCBY2] see http://danml.com/download.html for tests/usage // v1 l...

62,046

社区成员

669,048

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章