通过js读取文件,和js下载base64文件、js下载文件

本文介绍如何使用JavaScript来读取文件,并将文件内容转换为Base64格式进行下载。内容涵盖FileReader API的使用以及利用Data URL创建下载链接的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

通过js读取文件,和js下载base64文件

// js读取文件
let reader=new FileReader();
// 读取通过<input type='file' />上传的文件
reader.readAsDataURL($("file").get(0).files[0]);
// 读取成功执行方法
reader.onload=function(){
	// 获取文件的base64码
    let base64=reader.result;
    // 截取base64数据
    base64=base64.substr(base64.indexOf(",")+1);
    // 解码为2进制数据
    var byteCharacters = atob(base64);
    // 创建一个Uint8Array类型的数组以存放二进制数据
    var byteArray = new Uint8Array(byteCharacters.length);
    for (let i = 0; i < byteCharacters.length; i++) {
        byteArray[i]=byteCharacters.charCodeAt(i);
    }
    // 创建blob对象设置文件类型
    var blob = new Blob([byteArray], { type: file.type });
    // 创建a标签进行点击下载
    var aLink = document.createElement("a");
    // 下载的文件名称
    aLink.download = file.name;
    aLink.href = URL.createObjectURL(blob);
    // 执行点击事件进行下载
    aLink.click();
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值