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

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,
  };
}

 

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值