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

最新推荐文章于 2024-08-09 11:41:48 发布

Anabel Chen

最新推荐文章于 2024-08-09 11:41:48 发布

阅读量3.7k

点赞数 1

分类专栏：【Web前端】文章标签：文件下载

【Web前端】专栏收录该内容

23 篇文章 2 订阅

订阅专栏

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