【web前端】18.web网页中实现点击下载功能

爱被打了一巴掌 2022-01-15 12:23 351阅读 0赞

![20190613102837448.png][]

JS实现html页面点击下载文件有两种方式：

（1） 使用<a>标签来完成

<a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>

（2）使用按钮进行监听

goDownload() {
              // 判断用户入口的平台类型
              const clientPlatform = checkClientPlatform();
              Object.keys(clientPlatform).forEach((key) => {
                if (clientPlatform[key] === true) {
                  console.log(key);
                  if (key === 'android') {
                    window.open('http://cm.hyron-zealfi.com/game/%E9%B8%A1%E4%BD%A0%E5%A4%AA%E7%BE%8E.apk');
                  } else {
                    window.open('https://itunes.apple.com/cn/app/id1459466361?mt=8');
                  }
                }
              });
            },

// 检查客户端浏览器类型
    export function checkClientPlatform() {
      const u = navigator.userAgent.toLowerCase();
      return {
        android: u.indexOf('android') > -1,
        iPhone: u.indexOf('iphone') > -1,
        iPad: u.indexOf('ipad') > -1,
        weixin: u.indexOf('micromessenger') > -1,
        uc: u.indexOf('ucbrowser') > -1,
      };
    }

[20190613102837448.png]: /images/20220115/c03cb874e2944b91bb180fcdda80b57a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，351人围观）

还没有评论，来说两句吧...

相关阅读

相关【Web安全】点击劫持漏洞

文章目录前言一、漏洞介绍二、漏洞原理三、实现条件四、漏洞挖掘方法一方法二方法三

野性酷女/ 2024年03月31日 11:23/ 0 赞/ 195 阅读

相关 Java web实现文件打包下载功能（转载）

转自：https://blog.csdn.net/onesilver/article/details/78181745 首先需要实现一个文件打包下载的辅助类 p

Dear 丶/ 2023年02月18日 08:20/ 0 赞/ 44 阅读

相关实现点击图片下载

实现点击图片下载 1.编写java代码 / 点击图片下载 @param imagePath @return

系统管理员/ 2022年06月05日 00:10/ 0 赞/ 438 阅读

相关 WEB——点击下载excel表

1. 查询数据生成excel 2. 返回给前端 import openpyxl import StringIO from django.utils

秒速五厘米/ 2022年05月08日 10:34/ 0 赞/ 179 阅读

相关 Web前端安全问题：XSS攻击、CSRF攻击、点击劫持

文章目录前端有哪些攻击方式？ 1. XSS攻击 XSS 本质原理

小灰灰/ 2022年01月31日 00:31/ 0 赞/ 622 阅读

相关【web前端】18.web网页中实现点击下载功能

![20190613102837448.png][] JS实现html页面点击下载文件有两种方式：（1）使用<a>标签来完成 <a href="/user/t

爱被打了一巴掌/ 2022年01月15日 12:23/ 0 赞/ 352 阅读

相关【web前端】17.实现点击跳转锚点部分(vue)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JlbmJl

爱被打了一巴掌/ 2022年01月15日 12:17/ 0 赞/ 357 阅读

相关【web前端】16.实现点击回到页面底部/顶部

![20190613100920858.png][] ![20190613100940448.png][] <script src="js/jquery-3.3

﹏ヽ暗。殇╰゛Y/ 2022年01月15日 12:03/ 0 赞/ 448 阅读

相关 web前端知识点总结

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

比眉伴天荒/ 2021年12月03日 18:25/ 0 赞/ 656 阅读

相关 Web前端面试技术点

一般来说会问如下几方面的问题：做过最满意的项目是什么？项目背景为什么要做这件事情？最终达到什么效果？你处于什么样的角色，起到了什么方面的作用？在项目中遇到什...

系统管理员/ 2021年03月29日 14:42/ 0 赞/ 644 阅读