hho-tmall-extension

tmall miaomiao!
Wrap lines
// ==UserScript==
// @name         hho-tmall-extension
// @namespace    https://detail.tmall.com
// @version      0.3
// @description  tmall miaomiao!
// @author       miaomiao
// @match        https://detail.tmall.com/*
// @icon         https://www.google.com/s2/favicons?domain=tmall.com
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant        unsafeWindow
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
     var $ = window.$
     var imageUrls = []
     $(document).ready(function() {
         // 添加[下载图片]按钮
         const downloadButton = '<button style="position: fixed; top: 140px; right: 100px;z-index: 99999;background: red;color: #fff;cursor: pointer;" id="hhoDownloadImagesBtn">下载天猫图片</button>'
         $('body').append(downloadButton);
     })

    $(document).on('click',"#hhoDownloadImagesBtn", function(){ saveImages() });

    function saveImages() {
        // 左侧
        var leftImagesEl = Array.prototype.slice.call(document.querySelectorAll('#J_UlThumb img')).map(d => {
            d.src = d.src.replace('_60x60q90.jpg','')
            d.hhoType = 'main'
            return d
        });
        leftImagesEl = leftImagesEl.filter(img => img.src.indexOf('q-90-90') < 0)
        leftImagesEl.forEach((img, index) => {
            download(img.src, img.hhoType + index)
        })
        // 详情
        var detailImagesEl = Array.prototype.slice.call(document.querySelectorAll('#description img')).map(d => {
            d.hhoType = 'detail'
            return d
        });
        detailImagesEl = detailImagesEl.filter(img => img.src.indexOf('.gif') < 0 && img.src.indexOf('q-90-90') < 0)
        detailImagesEl.forEach((img, index) => {
            download(img.src, img.hhoType + index)
        })
    }

    function download(link, filename){
        if (!filename) return;
        let img = new Image()
        img.setAttribute('crossOrigin', 'Anonymous')
        console.log(link, filename)
        img.onload = function(){
            let canvas = document.createElement('canvas')
            let context = canvas.getContext('2d')
            canvas.width = img.width
            canvas.height = img.height
            context.drawImage(img, 0, 0, img.width, img.height)
            let url = canvas.toDataURL('images/png')
            let a = document.createElement('a')
            let event = new MouseEvent('click')
            a.download = filename || 'default.png'
            a.href = url
            a.dispatchEvent(event)
        }
        img.src = link
    }
})();
欢迎访问Greasy Fork镜像
