根据url地址下载多个文件

最新推荐文章于 2023-06-07 16:41:20 发布
最新推荐文章于 2023-06-07 16:41:20 发布
阅读量424 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40805024/article/details/115522001
版权
本文介绍了两种通过JavaScript实现跨域下载文件的方法：1) 使用iframe，虽然可能存在跨域问题，但可以通过代理解决；2) 通过window.open方式下载，避免了iframe的限制。详细讨论了每种方法的优缺点及其适用场景。
摘要由CSDN通过智能技术生成

根据url地址下载多个文件：

1、通过iframe的方式

const iframe = document.createElement('iframe')
iframe.style.display = 'none' // 防止影响页面
iframe.style.height = 0 // 防止影响页面
iframe.src = item.download_file
document.body.appendChild(iframe) // 这一行必须，iframe挂在到dom树上才会发请求
// 5秒之后删除（onload方法对于下载链接不起作用，就先抠脚一下吧）
setTimeout(() => {
  iframe.remove()
}, 5000)

但是此方法可能会存在跨域的问题，如果环境协议为https 而下载地址为http则会报错，需要通过代理的方式解决

2.通过window.open的方式

 
犀利喵喵怪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用frame 进行文件下载 ; ajax 服务端返回下载链接进行文件下载
Hakey的博客
09-06 1212
页面代码:<iframe id="downloadFile" src=""></iframe>js代码: $("#export").on('click',function(){ var downloadFile= $("#downloadFile"); $.ajax({ type: "post", url: "http:
ios urlsession 同时下载多个文件缓存到本地（非afn）
10-23
同时下载6个请求然后缓存到cache文件夹，非afn ，代码量很少，很轻， 使用的是ios的urlsession，用来提升缓存速度，提升响应时间。详情效果请看 https://blog.csdn.net/github_35041937/article/details/83304516
关于文件通过url下载 同时下载2个文件 的方法
csstmg的博客
04-14 324
同时下载2个文件 文件下载。
一个url对应多个文章
GeekLee的博客
06-03 664
M未更改模型from django.db import models# Create your models here. class People(models.Model): name = models.CharField(null=True, blank=True,max_length=200) job = models.CharField(null=True, blank=Tr
JavaScript (mp3、mp4、jpg、doc、txt、rar)单个、多文件批量下载
沐枫
03-17 8117
JavaScript 多文件下载 HTML5中 a 标签多了一个属性——download，用户点击链接浏览器会打开并显示该链接的内容，若在链接中加了 download 属性，点击该链接不会打开这个文件，而是直接下载。 注意，是HTML5中的新特性，所以低版本浏览器不兼容！ 1、单个文件下载：以下载mp3为例： 重点在于：要在a标签中加上download属性; <a do...
多个文件汇总成目录 批量超链接
11-28
多个EXCEL文件汇总成目录，目录自动批量超链接，点链接打开对应EXCEL文件
根据url批量下载视频
zz_lgh的博客
10-11 5710
public class VideoController2 { public static void main(String[] args) throws IOException { String pathname = "url文本.txt"; File filename = new File(pathname); InputStre...
java通过url实现多文件下载
qq_46000014的博客
03-01 843
通过浏览器向后台发送/stcx/downLoadFromUrl请求 @RequestMapping("downLoadFromUrl") public void downLoadFromUrl() throws IOException { //通过mapper查询到所需的数据 List<Map<String, Object>> maps = mapper.queryLIst("2021-07"); //通过迭代的方式遍历数据 Iterator<Ma
通用fetch、iframe 原生js下载视频 自定义文件名
最新发布
刻痕
06-07 1164
通用fetch、iframe 原生js下载视频 自定义文件名 转载自：https://blog.csdn.net/yun_master/article/details/114551493。axio 类同，但是需要下载依赖，fetch是windows下自带的，更方便。其他方案一般般，也有用插件的，暂时就这两个实用一些。注意，此方案有跨域风险。下载视频，支持跨域。
记录一种下载https网址中的mp4文件的方法
weixin_33894640的博客
02-20 4625
需要下载一个网页中的视频, 页面中的视频播放器为 JW player, 通过搜索发现可以下载对应的视频. 1. 使用chrome浏览器分析 网页中的视频地址: F12或者右键-->检查, 在打开的开发者工具的network中, 找到Network标签-->在类型中找media,--> 可以发现mp4文件 aa.mp4--> 右键 -> copy -&...
使用iframe 一次下载多个文件
崔崔的博客
09-04 2530
$.each(data, function(index,val){ var iframe = document.createElement("iframe"); iframe.style.display = "none"; // 防止影响页面 iframe.style.height = 0; // 防止影响页面 iframe.src = "";//这边写你的下载链接 docum...
用iframe下载文件
bb13553040986的专栏
08-30 1575
需求是这样： 页面上有个form是查询条件，但又不希望页面刷新。经测试ajax不能得到页面的文件流。 最后的解决方案是在页面上加个隐藏的ifream，code： ..... ..... $('f').action = val; $('f').target = "frame"; $('f')...
利用iframe下载文件
qq_31498509的博客
09-03 5286
a链接下载文件有一个弊端就是假如用户账号被顶替，后台会返回token失效，由于a链接是个页面跳转链接，点击下载的时候后台的错误信息会直接展示在页面上，没办法拿到处理，这是一个巨大的bug，用iframe框架可以避免这一点，有个弊端是后台返回的具体错误信息拿不到，只能在总体上默认为登录状态过期，或者让他重新下载 ...
一次下载多个文件的解决思路-JS
weixin_33816946的博客
10-23 5918
一次下载多个文件的解决思路(iframe) - Eric 真实经历 最近开发项目需要做文件下载，想想挺简单的，之前也做过，后台提供下载接口，前端使用window.location.href就行了呗。不过开发的时候发现，有些文件有附属文件，点击 下载按钮 需要下载两个文件，而且不能使用压缩包的形式。想想不是也挺简单，点击 下载 发送两个下...
java 一次下载多个文件
weixin_45956838的博客
02-18 2822
//下载导出 function materialExport(title,url,id,width,height) { gridname=id; var rowsData = $('#'+id).datagrid('getSelections'); if (!rowsData || rowsData.length==0) { tip("请选择数据"); return; } for (var i = 0; i <
vue项目中通过url数组一次下载多个文件
qq_44782585的博客
03-23 2231
后台拿到需要下载的url数组，最开始想到的是在页面创建a标签，通过a标签的点击来实现下载 downloadFile(content, filename) { // 创建隐藏的可下载链接 let eleLink = document.createElement('a') eleLink.setAttribute('class', 'upload-file') let evt = document.createEvent('HTMLEvents')
如何批量下载多个文件的附件，并打包下载
myme95的博客
10-29 6036
情景：我有多条数据，每条数据中都存了很多附件。现在，我想把这些附件全都下载下来，而我又不想一条数据一条数据的点开，然后一个附件一个附件的下载。请问我该怎么办？ 数据库结构： id title enclosure 1 美女照片合辑 "[{\"type...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值