文件下载方式

作者: 小贤笔记 | 来源:发表于2019-07-18 17:56 被阅读4次

一. 弹出新页面下载

缺点: 用户体验较差

window.open(fileURL);

二. 当前页面下载

方法1: 表单提交
缺点: get 方法如果需要传参 ?key=val&key=val 的话就无效了

let form = document.createElement("form");
form.method = 'get';
form.action = `${fileURL}`; // 如有参数的话直接拼接 `?key=val&key=val`
document.body.appendChild(form);
form.submit();
document.body.removeChild(form);

方法2: window.location
缺点: 文件未找到的话, 当前页会变成后台返回的404错误页

window.location = `${fileURL}`;

注: url 不能拼接 %

相关文章

  • 文件下载方式

    java实现文件下载的两种方式 //支持在线打开文件的一种方式 作者:pangqiandou来源:CSDN原文:h...

  • 文件下载方式

    一. 弹出新页面下载 缺点: 用户体验较差 二. 当前页面下载 方法1: 表单提交缺点: get 方法如果需要传参...

  • 文件的下载、上传和解压

    小文件下载 如果文件过小,下载方式有很多种: 使用NSData的 + (id)dataWithContentsOf...

  • 前端文件下载方式

    前端对于文件下载这块的一些常用的基本方法。 一 通过a标签来下载文件 在html5中 a 标签多了一个属性...

  • 网络请求之文件下载、文件上传、解压缩

    小文件下载 如果文件比较小,下载方式会比较多直接用NSData的+ (id)dataWithContentsOfU...

  • 重点 (十一) : 下载上传解压

    小文件下载如果文件比较小,下载方式会比较多直接用NSData的+ (id)dataWithContentsOfUR...

  • 下载, 上传与解压

    小文件下载如果文件比较小,下载方式会比较多直接用NSData的+ (id)dataWithContentsOfUR...

  • 文件下载

    1.小文件下载 1.1下载方式 【NSData dataWithContentsOfURL:】 [NSURLCon...

  • win10环境安装mysql8.0

    养成良好的记录习惯作者:黄黄 1.下载mysql8.0的zip文件 下载方式一:在官网进行下载 下载方式二:htt...

  • 20 - 文件上传、下载、解压缩

    小文件下载 1.如果文件比较小,下载方式会比较多直接用NSData的:+ (id)dataWithContents...

网友评论

    本文标题:文件下载方式

    本文链接:https://www.haomeiwen.com/subject/bqaynqtx.html