js实现oss批量下载文件_js下载文件到本地各种方法总结

一、此方法火狐有些版本是不支持的

window.location.href= 'https://*****.oss-cn-**.aliyuncs.com/*********';

二、为了解决火狐有些版本不支持,可以改成这种方式

window.location='https://*****.oss-cn-**.aliyuncs.com/*********';

三、该方法IE和火狐都可以,url表示要下载的文件路径:function(url){try{var elemIF = document.createElement("iframe");

elemIF.src=url;

elemIF.style.display= "none";

document.body.appendChild(elemIF);

}catch(e) {

alert("下载异常!");

}

}

四、form表单的形式

downloadFile(url){var form=$("

");

form.attr("style","display:none");

form.attr("target","");

form.attr("method","get");

form.attr("action",url);

$("body").append(form);

form.submit();//表单提交}

}

五、a标签的方式function(url,name){var a = document.createElement("a");

a.download= name + ".xls";

a.href=url;

$("body").append(a); //修复firefox中无法触发click

a.click();

$(a).remove();

}

六、假如后台给的文件流function(formData, url, name) {return new Promise((resolve, reject) =>{var xhr = newXMLHttpRequest();

xhr.open("POST", url, true); //也可以使用POST方式,根据接口

xhr.responseType = "blob"; //返回类型blob

//定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑

xhr.onload = function() {//请求完成

if (this.status === 200) {//返回200

var blob = this.response;var reader = newFileReader();

reader.readAsDataURL(blob);//转换为base64,可以直接放入a表情href

reader.onload = function(e) {//转换完成,创建一个a标签用于下载

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,针对你的第一个问题,我可以告诉你如何使用 JavaScript 实现 OSS 批量下载文件的功能。 首先,你需要使用阿里云提供的 OSS SDK for JavaScript,通过 npm 安装: ``` npm install ali-oss --save ``` 然后,你可以使用以下代码实现批量下载文件: ```javascript const OSS = require('ali-oss'); const co = require('co'); const fs = require('fs'); // 创建 OSS 客户端实例 const client = new OSS({ accessKeyId: '<AccessKeyId>', accessKeySecret: '<AccessKeySecret>', bucket: '<BucketName>', region: '<Region>', }); // 要下载文件列表 const files = [ 'path/to/file1.txt', 'path/to/file2.txt', 'path/to/file3.txt', ]; // 下载文件 co(function* () { for (let file of files) { const result = yield client.get(file); fs.writeFileSync(`./${file}`, result.content); } }).catch(function (err) { console.log(err); }); ``` 这段代码首先创建了一个 OSS 客户端实例,然后定义了要下载文件列表,最后使用 `co` 库实现异步流程控制,循环遍历文件列表,逐个下载文件并保存到本地。 至于你提到的第二个问题,我可以告诉你如何在 NestJS 中使用阿里云 OSS 进行文件上传。 首先,你需要安装 `@nest-modules/multer` 和 `ali-oss` 两个库: ``` npm install @nest-modules/multer ali-oss --save ``` 然后,你可以在 NestJS 中定义一个上传服务: ```typescript import { Injectable } from '@nestjs/common'; import { MulterModule } from '@nest-modules/multer'; import * as OSS from 'ali-oss'; @Injectable() export class UploadService { private client: OSS; constructor() { this.client = new OSS({ accessKeyId: '<AccessKeyId>', accessKeySecret: '<AccessKeySecret>', bucket: '<BucketName>', region: '<Region>', }); } async upload(file: Express.Multer.File): Promise<string> { const result = await this.client.put(file.originalname, file.buffer); return result.url; } } ``` 这段代码定义了一个 `UploadService`,通过 `ali-oss` 库创建了一个 OSS 客户端实例,在 `upload` 方法实现文件上传功能,返回上传后的文件 URL。 最后,你可以在 NestJS 控制器中使用这个上传服务: ```typescript import { Controller, Post, UseInterceptors, UploadedFile } from '@nestjs/common'; import { FileInterceptor } from '@nestjs/platform-express'; import { UploadService } from './upload.service'; @Controller('upload') export class UploadController { constructor(private readonly uploadService: UploadService) {} @Post() @UseInterceptors(FileInterceptor('file')) async upload(@UploadedFile() file: Express.Multer.File): Promise<string> { return this.uploadService.upload(file); } } ``` 这段代码定义了一个 `UploadController` 控制器,使用 `@UseInterceptors` 装饰器启用 `FileInterceptor` 中间件,将上传的文件传递给 `upload` 方法,调用上传服务上传文件并返回文件 URL。 希望这些代码能够帮助到你,如果你还有其他问题,可以随时问我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值