add-download-btn

add "DOWNLOAD" button to image

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/495738/1380849/add-download-btn.js

提问、发表评价或者举报此脚本。

换行

$.fn.addDownloadBtn = function (
  text,
  className
) {
  var el = $(this);
 
  if (el.is("img")) {
    var tagLink = "<a>";
    var tagDiv = "<div>";
 
    var cssDiv = {
      display: "inline-block",
      position: "relative"
    };
    var cssLink = {
      position: "absolute",
      top: "10px",
      right: "10px"
    };
 
    var elDiv = $(tagDiv).css(cssDiv);
 
    var elImg = el.clone();
    var elImgSrc = el.attr("src");
 
    var elLink = $(tagLink)
      .attr("href", $("img").attr("src"))
      .attr("download", "")
      .text(text)
      .addClass(className)
      .css(cssLink);
 
    var all = elDiv.append(elImg).append(elLink);
 
    $("img").replaceWith(all);
 
    return elLink;
  }
};