* 戳上方蓝字“慧通GISer”关注我,分享记录日常折腾。进入“慧通GISer”公众号 → 点击右上角的 ··· 菜单 → 选择「设为星标」,第一时间看到慧通GISer的文章。这是一篇记录折腾(尝试)文件下载的技术原理的文章,欢迎查看。今日一句话:
做好自己的小事,很多事没必要去关注。
关注我,领取神秘资料。(慧通86529653防搬运)问: 文件下载的技术原理是什么?在前端浏览器下载文件的实现原理,是将文件分块转为文件流存储到本地,然后合并吗?分块处理到本地再合并,通常用于断点续传或大文件上传下载场景,而不是普通的文件下载。常见的文件下载,直接使用浏览器处理,在前端创建a标签,览器直接处理整个文件流实现下载。handleDownload(fileName) {const url = `/uploadPath/${fileName}`;const link = document.createElement('a');link.href = url;link.download = fileName;link.style.display = 'none';document.body.appendChild(link);link.click();document.body.removeChild(link);}
uploadPath为该文件上传后在服务器存放的地址的外网映射,在若依框架中使用profile;url = `/profile/${fileName}`;// 方法2:使用window.open(适合新标签页打开)handlePreview(fileName) {const url = `/uploadPath/${fileName}`;window.open(url, '_blank');}
---------------------------坚持分享不易,欢迎大家多多推荐,欢迎点击右下方”在看”鼓励!