前端通过url链接下载文件

前端通过url链接下载文件
网上找到几个相关的方法,如下

// 方法一:
const form = document.createElement('form');
form.setAttribute('action', 'http://text.com/file.txt');
form.setAttribute('method', 'get');
form.setAttribute('target', '_blank');
form.setAttribute('style', 'display:none');
document.body.appendChild(form);
form.submit();
document.body.removeChild(form);// 方法二:
window.open('http://text.com/file.txt')

但是这两种方式都是新开一个标签页并显示出来，用户体验不是很好。
我们可以使用html中a标签的一种方法，如下：

// 方法三:

<a href="http://text.com/file.txt" download="fileName.txt">下载</a>

这是使用html5中加入a标签的新属性download,属性值为下载时保存的文件名。加上download属性后，点击a标签就不是跳转链接了，而是下载资源。

注意：以上方法只有在文件url链接的域名与当前域名相同时才适用

前端通过url链接下载文件相关推荐

vue点击url链接下载文件
在src下面新建一个downLoadUrl的目录 downLoadUrl / index.js文件 /** 后端返回文件的url,前端创建a标签来下载** 1. 解决了若文件为图片或浏览器支持的格式类 ...
前端vue2 a链接下载文件失败的问题(未发现文件）
1. 问题:先看图,显示下载失败 -未发现文件 2. 看原代码错误原因在于 a.href 路径不对 ,使用 ./ 才可以,可以通过 log打印一下看看那个链接是不是能够点击下载 ,如果不 ...
HTML a链接下载文件之图片，文件，乱码等问题
我们在做需求的时候,经常会遇到下载文件前端下载文件一般分为两种方式: 使用 a 链接进行下载: <a herf="url" >下载</a> 向后端发送请求 ...
Python 从 Excel 读取链接下载文件
Python 从 Excel 读取链接下载文件 import os from urllib.parse import urljoin, quote, unquoteimport requests im ...
【java从网络外链接下载文件并回传到其他网络服务器】
java从网络外链接下载文件并回传到其他网络服务器场景描述举例解决方案准备例子说明,如果是springboot项目测试其他更细粒度实现的文件上传至远程(网络)服务器例子场景描述 ...
java 从网络Url中下载文件
转自:http://blog.csdn.net/xb12369/article/details/40543649 /*** 从网络Url中下载文件* @param urlStr* @param fil ...
java调用下载窗口_java 从网络Url中下载文件 java调用url接口
/** * 从网络Url中下载文件 * @param urlStr * @param fileName * @param savePath * @throws IOException */ publi ...
java下载网络文件_java 从网络Url中下载文件
/** * 从网络Url中下载文件 * @param urlStr * @param fileName * @param savePath * @throws IOException */ publi ...
python下载文件保存_Python根据URL地址下载文件并保存至对应目录的实现
引言在编程中经常会遇到图片等数据集将图片等数据以URL形式存储在txt文档中,为便于后续的分析,需要将其下载下来,并按照文件夹分类存储.本文以Github中Alexander Kim提供的图片分类数 ...

前端通过url链接下载文件

前端通过url链接下载文件相关推荐

最新文章

热门文章