☰

D&E-JP Image Download

Download the original images from the fan club photo page. Notice: Membership required

// ==UserScript==
// @name              D&E-JP Image Download
// @name:zh-CN        D&E 日咖图片下载
// @namespace         http://liuzesen.com/
// @match             https://superjunior-dne.jp/group/*
// @version           1.1
// @description       Download the original images from the fan club photo page. Notice: Membership required
// @description:zh-CN 下载日咖页面上的原图。注：部分页面需要会员身份
// @icon              https://superjunior-dne.jp/assets/superjuniordne/fabicon-df43bc3beaeb85e3425f9d200bfb1577.jpg
// @homepage          https://github.com/hnliuzesen/DnE-JP-IMG-DL
// @supportURL        https://github.com/hnliuzesen/DnE-JP-IMG-DL/issues
// @license           MIT
// @grant             GM_xmlhttpRequest
// @grant             GM_download
// @grant             GM_registerMenuCommand
// @grant             GM_showFolderPicker
// ==/UserScript==

(function () {
  'use strict'

  // 用于存储用户选择的路径
  let selectedDirectoryHandle = null

  // 添加菜单按钮
  GM_registerMenuCommand('下载所有图片', downloadAllImages)

  async function downloadAllImages () {
    // 创建进度显示窗
    const progressArea = document.createElement('div')
    progressArea.style.position = 'fixed'
    progressArea.style.top = '50%'
    progressArea.style.left = '50%'
    progressArea.style.transform = 'translate(-50%, -50%)'
    progressArea.style.padding = '10px'
    progressArea.style.backgroundColor = 'rgb(255, 255, 255)'
    progressArea.style.color = 'rgb(27, 70, 185)'
    progressArea.style.borderRadius = '5px'
    progressArea.style.zIndex = '10000'
    progressArea.style.fontSize = '14px'
    document.body.appendChild(progressArea)

    // 查找带有 data-original 属性的 img 标签
    const images = document.querySelectorAll('img[data-original]')
    if (images.length === 0) {
      document.body.removeChild(progressArea)
      alert('没有找到可以下载的图片')
      return
    }

    if (!selectedDirectoryHandle) {
      try {
        selectedDirectoryHandle = await window.showDirectoryPicker()
      } catch (error) {
        console.error('路径选择失败', error)
        document.body.removeChild(progressArea)
        alert('未选择路径，下载已取消。')
        return
      }
    }

    // 获取文件夹名称
    const folderName = getFolderName()
    if (!folderName) {
      document.body.removeChild(progressArea)
      alert('未找到合适的文件夹名称，下载已取消。')
      return
    }

    // 移除文件夹名称中的非法字符
    const sanitizedFolderName = folderName.replace(/[\\/:*?"<>|]/g, '')

    // 创建子目录
    const subDirHandle = await selectedDirectoryHandle.getDirectoryHandle(sanitizedFolderName, { create: true })

    let downloadCount = 0
    let completedDownloads = 0
    progressArea.textContent = `下载进度: ${downloadCount} / ${images.length}`

    images.forEach(img => {
      const imageUrl = img.getAttribute('data-original')
      if (!imageUrl) return

      const fileName = getFileName(imageUrl)

      GM_xmlhttpRequest({
        method: 'GET',
        url: imageUrl,
        responseType: 'blob',
        onload: async (response) => {
          if (response.status === 200) {
            const blob = response.response
            const fileHandle = await subDirHandle.getFileHandle(fileName, { create: true })
            let writable
            try {
              writable = await fileHandle.createWritable()
              await writable.write(blob)
              downloadCount++
              progressArea.textContent = `下载进度: ${downloadCount} / ${images.length}`
            } catch (error) {
              console.error(`保存文件时出错: ${fileName}`, error)
            } finally {
              if (writable) await writable.close()
            }
            console.log(`图片下载成功: ${fileName}`)
          } else {
            console.error(`下载图片失败: ${imageUrl}, 状态码: ${response.status}`)
          }
          completedDownloads++
          if (completedDownloads === images.length) {
            alert('下载完成！')
            document.body.removeChild(progressArea)
          }
        },
        onerror: (error) => {
          console.error(`请求图片失败: ${imageUrl}`, error)
          completedDownloads++
          if (completedDownloads === images.length) {
            alert('下载完成！')
            document.body.removeChild(progressArea)
          }
        }
      })
    })
  }

  function getFolderName () {
    try {
      const titleContainer = document.querySelector('.comp-gallery-show01-title')
      if (!titleContainer) return null

      const firstChildOfTitle = titleContainer.firstElementChild
      let result = firstChildOfTitle ? firstChildOfTitle.textContent.trim() : null

      const dateContainer = document.querySelector('.comp-gallery-show01-meta')
      if (!dateContainer) return result

      const firstChildOfDate = dateContainer.firstElementChild
      // 将 firstChildOfDate 的 datetime 属性拼接在 result 前面
      result = firstChildOfDate ? `${firstChildOfDate.getAttribute('datetime')} ${result}` : result

      return result
    } catch (error) {
      console.error('获取文件夹名称时出错:', error)
      return null
    }
  }

  function getFileName (url) {
    try {
      const parsedUrl = new URL(url)
      const pathname = parsedUrl.pathname
      const fileNameMatch = pathname.match(/([^\/]+\.[a-zA-Z]{3,4})(?:[?#]|$)/)
      if (!fileNameMatch) {
        console.warn(`无法解析文件名: ${url}`)
        return `image_${Date.now()}.jpg`
      }
      return fileNameMatch[1]
    } catch (e) {
      console.error('解析URL时出错:', e)
      return `image_${Date.now()}.jpg`
    }
  }
})()