JS截取链接主域名或判断任何种类链接分段判断,vue和小程序都适用

原先我是为了开发一个资源获取类的小程序,然后因为后端改不了字段,就直接在前端添加这个判断代码,使网盘链接或磁力链接都可以判断后输出想要的内容。

直接上代码

// url是链接,根据你的代码做更换
var url = url.data;

// 截取规则
var domain = url.split("/"); // 含/的链接,以“/”进行分割
var domaincl = url.split(":"); // 含:的链接,以“:”进行分割

// 输出截取到的内容
if( domain[2] ) {
	domain = domain[2];
} else if( domaincl[1] ) {
	domaincl = domaincl[1];
}

然后根据上面的判断,我们就可以直接拿来用啦,例如:

// 判断对应域名,使用不同图标和提示
if (domain == 'pan.baidu.com') { // 百度网盘
  var urlimage = '/images/icon/baidu.png';
  var urlcontent = '百度网盘链接已复制,打开百度网盘APP即可快速获取';
}
if (domain == 'pan.xunlei.com') { // 迅雷云盘
  var urlimage = '/images/icon/xunlei.png';
  var urlcontent = '迅雷云盘链接已复制,打开迅雷APP即可快速获取';
}
if (domain == 'www.aliyundrive.com') { // 阿里云盘
  var urlimage = '/images/icon/aliyundrive.png';
  var urlcontent = '阿里云盘链接已复制,打开阿里云盘APP即可快速获取';
} 
if (domain == 'share.weiyun.com') { // 腾讯微云
  var urlimage = '/images/icon/weiyun.png';
  var urlcontent = '腾讯微云链接已复制,打开腾讯微云APP即可快速获取';
}
if (domain == 'pan.quark.cn') { // 夸克网盘
  var urlimage = '/images/icon/quark.png';
  var urlcontent = '夸克网盘链接已复制,打开夸克APP即可快速获取';
} 
if (domaincl == '?xt=urn') { // 磁力链接
  var urlimage = '/images/icon/magnet.png';
  var urlcontent = '磁力链接已复制,请使用磁力下载软件下载';
} 

// 微信小程序复制弹出层
    wx.setClipboardData({
      data: url,
      success: function (res) {
        wx.getClipboardData({
          success: function (res) {
            wx.showToast({
              image: urlimage,
              title: '链接复制成功',
              duration: 2000
            })
            /* 
           wx.showModal({
            title: '链接复制成功',
            content: urlcontent,
            showCancel: false,
            confirmText:"我知道啦"
          })
          */
          }
        })
      }
    })

 

其实是我只会前端啦,如果会后端的话直接后端和数据库加字段会更方便哦

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容