bcy(半次元)查看原图&下载原图

在每张图片下面增加查看原图&下载原图
当前为 2018-09-27 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         bcy(半次元)查看原图&下载原图
// @version      1.0.6
// @description    在每张图片下面增加查看原图&下载原图
// @author       opentdoor
// @match        http://bcy.net/*/detail/*
// @match        https://bcy.net/*/detail/*
// @grant        none
// @namespace https://greasyfork.org/users/92069
// ==/UserScript==
function GM_Pload() {
  'use strict';
  var imgs = document.querySelectorAll(".img-wrap img");
  var i = 1;
  var title = document.title.replace(/\|.*$/i, '').replace(/(^\s*|\s*$)/ig, "");
  var cn = document.querySelector(".detail-user-info .user-name").innerText;
  if (cn) title += "-cn_" + cn;
  title = title.replace(/[\\\/\?\<\>\|\*"]/ig, '_');
  imgs.forEach(function (v,i) {
      console.log(v);
    var $this = v;
    var url = v.src.replace(/\/w650$/i, '');
    var av = document.createElement('a');
       var p=v ;
     while(p.parentElement!=null){
         p=p.parentElement;
        if(p.classList.contains('img-wrap')){
            break;
        }
     }
    p.style.position="relative";
    p.style.marginBottom="32px";
    var container=document.createElement('div');
    av.href = url;
    av.target = "_blank";
    av.title = title + (i > 9 ? i : '0' + i);
    av.innerHTML = "查看原图";
    var complete = v.complete;
    if (!complete) {
      $this.addEventListener('load', function () {
        setTimeout(function () {
          var right = Number(((p.clientWidth - $this.clientWidth) / 2).toFixed(0));
          ad.style.right = right + "px";
          av.style.right = (right + 66) + "px";
        }, 80);
      });
    }
    var right = Number(((p.clientWidth - Math.max($this.clientWidth, 132)) / 2).toFixed(0));
    av.style.cssText = "z-index:9999;position:absolute;width:66px;font-size:12px;text-align:center;bottom:-21px;right:" + (right + 66) + "px;background:rgba(255,255,255,0.6);";
    container.appendChild(av);
    var ad = av.cloneNode(true);
    ad.style.right = right + "px";
    ad.innerHTML = "下载原图";
    var ex = /\.\w+$/i.exec(url);
    ad.download = ad.title + (ex && ex.length ? ex[0] : ".jpg");
    container.appendChild(ad);
    p.appendChild(container);
    i++;
  });
  function Download(a) {
    var xhr = new XMLHttpRequest();
    var oldhtml = a.innerHTML;
    xhr.open("GET", a.href, true);
    xhr.responseType = 'blob';
    xhr.onprogress = function (e) {
      if (e.lengthComputable) {
        a.innerHTML = (e.loaded / e.total * 100).toFixed(2) + "%";
      }
    };
    xhr.onload = function (e) {
      if (this.status == 200) {
        var blob = this.response;
        saveFile(blob, a.download);
        a.innerHTML = oldhtml;
        a.isDownload = false;
      }
    };
    xhr.send(null);
  }
  function saveFile(blob, filename) {
    if (window.navigator.msSaveBlob) {
      window.navigator.msSaveBlob(blob, filename);
    } else {
      var a = document.createElement("a");
      var url = URL.createObjectURL(blob);
      a.href = url;
      a.download = filename;
      var evt = document.createEvent('MouseEvents');
        evt.initEvent('click', true, true);
        a.dispatchEvent(evt);
      URL.revokeObjectURL(url);
    }
  }
  var ars = document.querySelectorAll("a[href][download]");
  for (var j = 0; j < ars.length; j++) {
    var a = ars[j];
    a.addEventListener("click", function (e) {
      e.preventDefault();
      if (!this.isDownload) Download(this);
      this.isDownload = true;
      return false;
    }, true);
  }
};
if(document.querySelectorAll(".img-wrap img").length)
{
  GM_Pload();
}else{
    window.onload=GM_Pload;
}