首页 > 其他分享 >前端实现下载功能

前端实现下载功能

时间:2022-08-18 15:25:54浏览次数:66  
标签:功能 url 前端 downloadIframe iframe download document 下载

 下面介绍两种下载方法,这两种方法都需要知道下载文件的 url.

  • 第一种:a 标签下载
<a
  :href="url"
  :download="url"
  class="ground_pic"
>下载
 </a>
  • 第二种:iframe 下载
 const downloadIframe = document.querySelector(".download_iframe");
      if (downloadIframe) {
        downloadIframe.src = url;
      } else {
        const iframe = document.createElement("iframe");
        iframe.style.display = "none";
        iframe.className = "download_iframe";
        iframe.src = url;
        document.body.appendChild(iframe);
      }

 

标签:功能,url,前端,downloadIframe,iframe,download,document,下载
From: https://www.cnblogs.com/WuAnqi/p/16598802.html

相关文章

  • 发现一个舔狗神器,Python真的太厉害了,自动下载妹子视频...
    兄弟们,现在短视频主播好看的妹子太多了,有时候遇到自己喜欢的,虽然点了赞或者收藏了,但是万一主播把视频隐藏下架了呢?所以今天咱们就用Python来把这些好看的视频统统保存......
  • 抢先看!salesforce Winter '23中的9个亮点功能!
    虽然仍是烈日炎炎,但SalesforceWinter'23已经在来的路上了,这意味着一大堆新功能即将可供使用!无论是用户,还是管理员、开发,都需要紧跟每次发布的新版本,及时更新自己的知识储......
  • 前端下载的方式总结(url,文件流,压缩包)
    1.比较常见的是通过a标签的href属性直接访问文件url地址。(1)constdownloadUrl=(url:string,file_name?:string)=>{if(url){url=url.replace(/^http/......
  • 58同城2021校招笔试真题-前端(复习)
    58同城2021校招笔试-前端1.以下代码输出:console.log([1,2,3,4,5].splice(1,2,3,4,5));console.log([1,2,3,4,5].slice(1,2,3,4,5));答案:[2,3]和[2]解析:splice:返回被删除......
  • 修改功能
    修改功能分析findUserServlet类获取用户id根据id查询用户信息User将user对象存到request转发到update.jsp页面UpdateIserServlet设置编码获取表单数据map封......
  • bbs项目之登录功能
    登陆功能需要有登录用户名,密码,动态生成验证码和提交按钮,具体效果如下:需要先了解的知识点:1.img标签的src属性可以放以下三种: 1.图片路径 2.url 3.图片的二进制数据......
  • 【前端基础】(二)promise异步编排
    ☆promise异步编排javascript众所周知只能支持单线程,因此各种网络请求必须异步发送,导致可能会出现很多问题,比如如下我们有三个文件,现在要求进行如下请求:①查出当前用户......
  • 复杂条件查询功能
    复杂条件查询功能分析       总记录数统计的代码实现UserDao接口:/***查询总记录数*@return*@paramcondition*/i......
  • 自动化脚本如何切换环境?Pytest这些功能你必须要掌握
     测试人员每天都跟不同的环境打交道,比如线上环境,测试环境,预上线环境等等,那么作为自动化测试人员写的代码,我们也要具备能自由切换环境的能力,那么今天小编就给大家聊一下,......
  • 油猴扩展 百度/阿里网盘下载 直链解析 免客户端 免会员 不限速
    第一步:安装浏览器扩展Tampermonkey是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于Chrome,MicrosoftEdge,Safari,OperaNext,和Firefox。地址:https:/......