a链接下载文件时，会打开新页面然后下载

最新推荐文章于 2024-07-04 15:15:40 发布

yun_hou

最新推荐文章于 2024-07-04 15:15:40 发布

阅读量7.6k

点赞数 1

分类专栏： html 文章标签： download 下载页面跳转

本文链接：https://blog.csdn.net/yun_hou/article/details/97244942

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

问题描述：

<a href="http://123.56.69.95:9060/enterpriseAuth/v2/downloadProxy?token=aRY515atg1m1VhEIp7QBfwxyKceShq">下载</a>

在执行以上代码时，部分浏览器不会直接下载，而是先跳转页面，然后弹出下载框

解决方法：

在a标签内加入 download="" 属性，（当然这可以配置文件的名称，写在引号里面即可）

<a href="http://123.56.69.95:9060/enterpriseAuth/v2/downloadProxy?token=aRY515atg1m1VhEIp7QBfwxyKceShq" download="">下载</a>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yun_hou

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

a标签下载文件＜a＞标签的 download 属性,window.location.href下载文件新窗口打开打开页面

weixin_50885665的博客

11-10

3433

1、<a> 标签的 download 属性下载文件 <a href="/images/myw3schoolimage.jpg" download="w3logo"> 2、js方法 window.location.href -- (页面可能会出现移动,最好用a标签) function openNewUrl(urlID){ window.location.href = href +"/message/exportWord?id="+urlID; }; .

以a链接进行下载文件

weixin_44795287的博客

05-31

306

const function exportFile(blobData,fileName){ const link = document.createElement('a') const blob = new Blob([blobData],{type:blobData.type}) link.href = URL.createObjectURL(blob) link.setAttribute('download',fileName) document.body.appendChild(link)

参与评论您还未登录，请先登录后发表或查看评论

通过<a>标签下载文件，不打开新的窗口

u010622242的博客

06-14

9608

先上代码 <a href='/UploadFiles/Photos/SP\XS1811803\c2ea42a22327409eb6e3bf44841a8696.jpg' download='我的图片.jpg'>下载</a> <a href='/UploadFiles/Photos/SP\XS1811803\c2ea42a22327409eb6e3bf44841a...

你真的会用＜a＞标签下载文件吗?

热门推荐

qingwu1104的博客

08-31

2万+

使用a标签下载文件，解决页面跳转的问题最近在开发一个项目时，发现一个bug，导出功能在谷歌浏览器和360浏览器上点击后一切正常，但是在QQ浏览器上，点击导出页面就会跳转。而且最奇怪的是，另一个同事电脑上的QQ浏览器就不存在这个问题。我在折腾了后端人员一个小时之后（真的好抱歉。。），突然发现我的QQ浏览器是兼容模式运行的，切换成极速模式就一切正常了。所以问题其实还是出在浏览器内核上，但是你不能...

HTML页面点击下载文件的两种实现方法

09-28

另一种方法是通过JavaScript监听按钮点击事件，然后调用`window.open()`函数来打开一个新的窗口或标签页，从而触发文件下载。下面是一个示例： ```javascript var $eleBtn1 = $("#btn1"); $eleBtn1.click(function...

关于a标签下载文件变打开的解决方案

weixin_45022563的博客

03-12

9383

处理部分文件下载变文件打开的情况

a标签下载链接的简单实现

09-28

在网页开发中，`<a>`标签是最基本的超链接元素，用于链接到其他页面、资源或文件。本文将详细讲解如何使用`<a>`标签实现下载链接，并探讨HTML5中新增的`download`属性。首先，让我们了解基础的`<a>`标签用法。一个...

a标签是否新开一个页面的问题各大网站的打开情况整理

09-28

在讨论Web开发中的一个常见问题时，即使用HTML的a标签（锚标签）在用户点击时是否应该在新页面中打开链接，这篇文章整理了多个知名网站在处理这一情况时的策略和实际行为。了解这些网站的做法对于Web开发者来说非常...

浏览器下载图片前端下载图片/音频/视频/PDF等所有浏览器可以解析的文件格式；解决通过window.open打开链接后是新标签页面而不是下载文件；

lys20000913的博客

04-07

2683

前端实现下载图片文件/mp3/mp4/音视频/pdf等。简洁高效通用方法。

reactjs前端实现文件新窗口下载

Kristen的博客

01-19

1999

前端实现文件新窗口下载，防止文件被浏览器打开前情方法一：使用HTML的a标签前情如果直接使用HTML的a标签，并且将下载链接放在a标签的href中，会导致原浏览器窗口直接被下载链接覆盖方法一：使用HTML的a标签在href放入下载链接，在 <a hre> ...

a标签实现文件、图片下载和打开新窗口

甜甜圆圆圈圈的博客

05-22

3516

a标签实现文件、图片下载 a标签实现文件或图片下载只需要设置 download="" 属性即可，该属性的值可以为空，如果设置值，则该值就将是文件下载的默认名字。 <a herf="文件或图片路径" download="值可以不填，如果填上就是文件的默认名字" >文件下载</a> 注意：a标签实现文件下载需要在根页面，如果嵌套在iframe内是无效的！ a标签实现打开新窗口 a标签实现打开新窗口只需设置 target="view_window" 属性即可 <a herf="需要

a标签下载txt文件自动打开预览的问题

m0_61833460的博客

01-05

2606

由于浏览器的特性.txt .pdf 等等文件放在a标签的href属性中会被直接打开，这时可以给a添加download属性强制下载，但是当执行跨域下载文件时download属性就会失效，这里记录下我的解决方法： html: <a v-for="(item, index) in article.annex" class="cur" @click="downloadFile(baseUrl + item.path,item.name)" :key="index" >{{ item.nam

＜a＞＜/a＞标签，download属性不下载，而是打开.doc、.txt、.mp3、img，解决方法

你好！刘斩仙

06-06

5778

情况：公司特别钟爱，导出，下载，批量下载，打印，批量打印，今天遇到下载mp3文件时，只是在线打开，并不下载。因为同源的文件，浏览器默认是打开预览，不同源的才下载。利用get请求转成文件流就可以了。解决方法： downRow(index,data){ let that = this let oReq = new XMLHttpRequest(); ...

a标签下载图片文件时，不让他打开而是直接下载的正确方式

tutouman的博客

08-12

2779

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

前端下载文件时没有直接下载而是打开了一个新的页面

06-06

出现这种情况通常是因为浏览器默认处理文件类型的方式不同，例如某些浏览器会自动打开 PDF 文件而不是下载它。为了确保文件始终被下载而不是打开，可以在 `href` 属性中添加 `download` 属性。例如： ```javascript function downloadFile(url, filename) { const link = document.createElement('a'); link.href = url; link.download = filename; link.click(); } ``` 在这个例子中，我们将文件的 URL 和名称传递给 `downloadFile` 函数。该函数创建一个新的 `a` 标签，并将 `href` 属性设置为文件的 URL。然后，我们将 `download` 属性设置为文件的名称，这将提示浏览器下载文件而不是打开它。最后，我们使用 `click` 方法模拟用户点击链接，从而触发文件下载。