JS 获取URL并实现下载功能
最近在做下载功能,因为后端需要生成PDF并上传到云服务器,只返回文件的URL,所以百度了很多找到了一个简单的方法.
Blob
Blob(Binary Large Object)表示二进制类型的大对象。在数据库管理系统中,将二进制数据存储为一个单一个体的集合。Blob 通常是影像、声音或多媒体文件。在 JavaScript 中 Blob 类型的对象表示不可变的类似文件对象的原始数据。 详细介绍可自行百度.文章来源:https://www.toymoban.com/news/detail-608856.html
ajax获取服务器返回的url
$.ajax({
url:'xxx',
type: 'post',
data: data,
})
实现下载功能
$.ajax({
url:'xxx',
type: 'post',
data: data,
})
fetch(此处为url路径).then((response) => response.blob())
.then((res) =>{
var blob = new Blob([res])
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download='a.pdf';
link.click();
})
此种方法将图片转为blob类型,创建a标签并模板点击,实现下载功能.文章来源地址https://www.toymoban.com/news/detail-608856.html
到了这里,关于ajax实现下载文件功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!