admin管理员组

文章数量:1529460

通过Ajax进行文件下载

	const url = fileUrl; //下载文件url
	const fileName = fileName; //这里的filename是有后缀名的，没有后缀名的自己拼接一下
	var url2 = url.replace(/\\/g, '/');  //将地址中的'\'换成'/'，没必要可省略，如果省略了下面代码使用'url2'的地方要更换成'url'
	var xhr = new XMLHttpRequest();
	xhr.open('GET', url2, true);
	xhr.responseType = 'blob';
	xhr.onload = () => {
		if (xhr.status === 200) {
			// 获取文件blob数据并保存
			var urlObject = window.URL || window.webkitURL || window;
			var blobUrl = new Blob([xhr.response]);
			var linkBtn = document.createElementNS('http://www.w3/1999/xhtml', 'a');
			linkBtn.href = urlObject.createObjectURL(blobUrl);
			linkBtn.download = fileName;
			linkBtn.click();
		} else {
            console.log('文件下载失败')
		}
	};
	xhr.onprogress = (evt) => {
        //监听文件下载进度，根据需求添加即可
		if (evt.lengthComputable) {
			const total = evt.total;
			const loaded = evt.loaded;
			const progress = Math.round(evt.loaded / evt.total * 100);
			console.log('progress', progress)
		}
	}
	xhr.send();

创建a标签进行下载

let url = file.url  //文件下载地址
let name = file.name  //文件下载后的名称（带后缀）
// 创建a标签
let a = document.createElement('a')
// 定义下载名称
a.download = name
// 隐藏标签
a.style.display = 'none'
// 设置文件路径
a.href = url
// 将创建的标签插入dom
document.body.appendChild(a)
// 点击标签，执行下载
a.click()
// 将标签从dom移除
document.body.removeChild(a)

本文标签： 浏览器页面文件手机

版权声明：本文标题：H5页面在手机浏览器下载文件 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1726668973a1080417.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。