imgdown
Versión del día
Este script no debería instalarse directamente. Es una biblioteca que utilizan otros scripts mediante la meta-directiva de inclusión // @require https://update.sleazyfork.org/scripts/468541/1204968/ADDimgdown.js
var numselected=0;
// create thumbnail container
var thumbnailContainer = $("<div>")
.css({
"position": "fixed",
"top": "50%",
"left": "50%",
"transform": "translate(-50%, -50%)",
"z-index": 999,
"width": "80vw",
"height": "80vh",
"background-color": "#eee",
"overflow": "auto",
"text-align": "center"
})
.hide()
.attr("class", "data-down-ui")
.appendTo($("body"));
// create media type switch buttons
var switchBtnContainer = $("<div>")
.css({
"position": "absolute",
"top": "0",
"left": "0",
"right": "0",
"width": "100%",
"background-color": "#fff",
"padding": "10px",
"text-align": "center",
"box-shadow": "0 2px 5px rgba(0, 0, 0, 0.3)"
})
.appendTo(thumbnailContainer);
var switchBtnVideo = $("<button>")
.css({
"margin-right": "10px"
})
.text("视频列表")
.attr("data-down-button", "video")
.attr("class", "data-down-button")
.appendTo(switchBtnContainer);
var switchBtnAudio = $("<button>")
.css({
"margin-right": "10px"
})
.text("音频列表")
.attr("data-down-button", "audios")
.attr("class", "data-down-button")
.appendTo(switchBtnContainer);
var switchBtnImage = $("<button>")
.text("图片列表")
.css({
"margin-right": "10px"
})
.attr("data-down-button", "images")
.attr("class", "data-down-button")
.appendTo(switchBtnContainer);
var switchBtnselected = $("<button>")
.text("选择全部")
.css({
"margin-right": "10px"
})
.attr("data-down-button", "selected")
.attr("class", "data-down-buttonselected")
.appendTo(switchBtnContainer);
var switchBtnselected = $("<button>")
.text("过滤小图片")
.css({
"margin-right": "10px"
})
.attr("data-down-button", "small")
.attr("class", "data-down-buttonsmall")
.appendTo(switchBtnContainer);
var switchBtndown = $("<button>")
.text("下载所选资源")
.css({
"margin-right": "10px"
})
.attr("data-down-button", "down")
.attr("class", "data-down-down")
.appendTo(switchBtnContainer);
var switchBtnurl = $("<button>")
.text("导出链接")
.css({
"margin-right": "10px"
})
.attr("data-down-button", "url")
.attr("class", "data-down-url")
.appendTo(switchBtnContainer);
// create thumbnail list
var thumbnailList = $("<div>")
.css({
"margin-top": "50px"
})
.attr("thumbnailList", "thumbnailList")
.appendTo(thumbnailContainer);
// create close button
var closeBtn = $("<button>")
.css({
"position": "absolute",
"top": "10px",
"right": "10px",
"background-color": "rgb(167 166 166)",
"border": "1px solid rgb(204, 204, 204)",
"padding": "5px",
"font-size": "16px",
"color": "aliceblue",
"font-weight": "600",
})
.text("×")
.appendTo(thumbnailContainer);
function ADDimgdown() {
var mediaLinks = [];
var mediaTypes = ["video", "audio", "img"];
// get all media links
mediaTypes.forEach(function(mediaType) {
$(mediaType).each(function() {
let src=$(this).attr("src");
if (src){
}else{
$(this).find('source').each(function() {
if ($(this).attr('src')){
let vsrc=$(this).attr('src');
vsrc=completeUrl(vsrc);
mediaLinks.push({
"type": mediaType,
"src": vsrc
});
}
});
}
if (src && mediaType!="img"){
if (src.includes(',') || src.includes(';')) {
src=false;
}
}
if (src){
if (mediaType=="img"){
src=src.replace(/webp/g, 'png');
}
let width = $(this).width();
let height = $(this).height();
src=completeUrl(src);
mediaLinks.push({
"type": mediaType,
"src": src,
"width": width,
"height": height,
});
}
});
});
$('canvas').each(function() {
let canvas = $(this)[0];
let imageData = canvas.toDataURL('image/png');
// 获取图片大小
let imageSize = getImageSize(imageData);
// 将图片数据转换为 base64 编码
let base64Image = imageData.split(',')[1];
// 将图片信息保存在一个对象中，并添加到数组中
mediaLinks.push({
"type": "img",
"src": "data:image/png;base64,"+base64Image,
"width": imageSize.width,
"height": imageSize.height,
});
});
// 获取图片大小的函数
function getImageSize(imageData) {
let image = new Image();
image.src = imageData;
let width = image.width;
let height = image.height;
return {
width: width,
height: height
};
}
$('div, a, span, body').each(function() {
// 获取元素的计算样式
var computedStyle = window.getComputedStyle(this);
// 判断元素是否存在 background-image 样式
var backgroundImage = computedStyle.getPropertyValue('background-image');
if (backgroundImage !== 'none') {
let src=backgroundImage;
var matchaa = src.match(/url\(["']?(.*?)["']?\)/);
if (matchaa && matchaa.length > 1) {
src = matchaa[1];
}
if (src.includes(',') || src.includes(';')) {
}
if (src){
let width = $(this).width();
let height = $(this).height();
src=src.replace(/webp/g, 'png');
src=completeUrl(src);
mediaLinks.push({
"type": 'img',
"src":src,
"width": width,
"height": height,
});
return;
}
}
// 判断元素是否存在 background: url() 样式
var backgroundUrl = computedStyle.getPropertyValue('background');
var matches = backgroundUrl.match(/url\(['"]?([^'"\(\)]*)['"]?\)/);
if (matches && matches.length > 1) {
let src=matches[1];
var matchaa = src.match(/url\(["']?(.*?)["']?\)/);
if (matchaa && matchaa.length > 1) {
src = matchaa[1];
}
if (src.includes(',') || src.includes(';')) {
}
if (src){
let width = $(this).width();
let height = $(this).height();
src=src.replace(/webp/g, 'png');
src=completeUrl(src);
mediaLinks.push({
"type": 'img',
"src":src,
"width": width,
"height": height,
});
}
}
});
// 去除重复项
mediaLinks = mediaLinks.filter(function(item, index, self) {
return index === self.findIndex(function(t) {
return t.src === item.src;
});
});
// generate thumbnail list
var videonum=0;
var audionum=0;
var imgnum=0;
mediaLinks.forEach(function(mediaLink, index, array) {
var thumbnail = $("<div>")
.css({
"display": "inline-block",
"margin": "10px",
"cursor": "pointer"
})
.attr("class", "data-down-list");
if (mediaLink.type === "video") {
var videoThumbnail = $("<video>")
.attr("src", mediaLink.src)
.attr("height", "120px")
.attr("controls", "controls");
thumbnail.attr("data-url", mediaLink.src)
thumbnail.append(videoThumbnail);
videonum++
$('[data-down-button="video"]').text('视频列表('+videonum+')');
}
else if (mediaLink.type === "audio") {
var audioThumbnail = $("<audio>")
.attr("src", mediaLink.src)
.attr("controls", "controls");
thumbnail.attr("data-url", mediaLink.src)
thumbnail.append(audioThumbnail);
audionum++
$('[data-down-button="audios"]').text('音频列表('+audionum+')');
}
else {
var imageThumbnail = $("<img>")
.attr("src", mediaLink.src)
.attr("data-width", mediaLink.width)
.attr("data-height", mediaLink.height)
.attr("height", "120px");
thumbnail.attr("data-url", mediaLink.src)
thumbnail.append(imageThumbnail);
imgnum++
$('[data-down-button="images"]').text('图片列表('+imgnum+')');
}
thumbnailList.append(thumbnail);
// bind click event to thumbnails
thumbnail.on("click", function() {
GM_setClipboard(mediaLink.src);
toastr.success('已选择并复制了此资源链接！', '', { positionClass: 'toast-bottom-right', showDuration: 300, hideDuration: 1000, timeOut: 3000, extendedTimeOut: 1000, showEasing: 'swing', hideEasing: 'linear', showMethod: 'fadeIn', hideMethod: 'fadeOut' });
if (mediaLink.type === "video") {
}
});
});
// show thumbnail container
thumbnailContainer.show();
};
// bind click event to switch buttons
switchBtnVideo.on("click", function() {
thumbnailList.find("div").hide();
thumbnailList.find("video").parent().show();
});
switchBtnAudio.on("click", function() {
thumbnailList.find("div").hide();
thumbnailList.find("audio").parent().show();
});
switchBtnImage.on("click", function() {
thumbnailList.find("div").hide();
thumbnailList.find("img").parent().show();
});
// bind click event to close button
closeBtn.on("click", function() {
thumbnailContainer.hide();
thumbnailList.empty();
});
// add custom styles
GM_addStyle(`
::selection {
background-color: #4285f4;
color: #fff;
}
`);
$("body").on('click', '.data-down-list', function() {
if ($(this).hasClass('selected')) {
$(".data-down-buttonselected").removeClass("selected");
}
$(this).toggleClass("selected");
getallnum();
})
$("body").on('click', '.data-down-button', function() {
$(".data-down-button").removeClass("selected");
$(this).toggleClass("selected");
$(".data-down-buttonsmall").removeClass("selected");
getallnum();
})
$("body").on('click', '.data-down-buttonselected', function() {
var list=false;
$(".data-down-list").each(function(k,v){
if ($(this).hasClass('selected')) {
list=true;
}
})
if (list){
$(".data-down-list").removeClass("selected");
$(this).removeClass("selected");
$(this).text("选择全部");
}else{
$(".data-down-list").addClass("selected");
$(this).addClass("selected");
getallnum();
}
})
function getallnum() {
let selectedindex=0;
$(".data-down-list.selected").each(function(k,v){
if ($(this).is(':visible')){
selectedindex++;
}
})
$(".data-down-buttonselected").text("选择全部("+selectedindex+")");
numselected=selectedindex;
}
$("body").on('click', '.data-down-buttonsmall', function() {
if ($(this).hasClass('selected')) {
$(".data-down-list").find("img").each(function(k,v){
$(this).parent().show();
})
$(this).removeClass("selected");
} else{
$(".data-down-list").find("img").each(function(k,v){
if ($(this).attr('data-width')) {
let width=$(this).attr('data-width');
let height=$(this).attr('data-height');
if (width<120 || height<120){
$(this).parent().hide();
}
}
})
$(this).addClass("selected");
}
getallnum();
})
$("body").on('click', '.data-down-url', function() {
var urls = [];
let selectedindex=0;
$(".data-down-list.selected").each(function(k,v){
if ($(this).is(':visible')){
urls.push($(this).attr('data-url'));
selectedindex++;
}
})
let downstr='导出失败';
if (selectedindex==0){
if ($(".data-down-list").length>0){
downstr=downstr+"，请选择需要导出的资源。点击屏幕中的资源即可选中";
}else{
downstr=downstr+"，当前没有搜索到任何资源";
}
toastr.error(downstr, '', { positionClass: 'toast-top-center', showDuration: 300, hideDuration: 1000, timeOut: 3000, extendedTimeOut: 1000, showEasing: 'swing', hideEasing: 'linear', showMethod: 'fadeIn', hideMethod: 'fadeOut' });
}
else{
var myText = urls.join('\n\n');
GM_setClipboard(myText);
var container = document.createElement('div');
container.style.backgroundColor = '#fff';
container.style.border = '1px solid #ccc';
container.style.borderRadius = '5px';
container.style.boxShadow = '0 2px 10px rgba(0, 0, 0, 0.2)';
container.style.width= '600px';
container.style.top = '50%';
container.style.left = '50%';
container.style.transform = 'translate(-50%, -50%)';
container.style.textAlign = 'center';
container.style.zIndex = '9999';
container.style.position = 'absolute';
document.body.appendChild(container);
// 创建复制按钮
var copyButton = document.createElement('button');
copyButton.innerText = '复制';
copyButton.style.width = '50px';
copyButton.style.height = '25px';
copyButton.style.borderRadius = '5px';
copyButton.style.backgroundColor = '#6175bd';
copyButton.style.margin='8px 10px';
copyButton.style.border= 'none';
copyButton.style.marginRight= '10px';
copyButton.style.color= 'white';
copyButton.onclick = function() {
myTextarea.select();
document.execCommand('copy');
alert('已复制到剪贴板');
};
container.appendChild(copyButton);
// 创建关闭按钮
var closeButton = document.createElement('button');
closeButton.innerText = '关闭';
closeButton.style.width = '50px';
closeButton.style.height = '25px';
closeButton.style.borderRadius = '5px';
closeButton.style.backgroundColor = '#6175bd';
closeButton.style.margin='8px 10px';
closeButton.style.border= 'none';
closeButton.style.marginRight= '10px';
closeButton.style.color= 'white';
closeButton.onclick = function() {
container.style.display = 'none';
};
container.appendChild(closeButton);
// 创建文本框
var myTextarea = document.createElement('textarea');
var style = myTextarea.style;
style.width = '600px';
style.height = '700px';
style.resize = 'none';
style.textAlign = 'left';
style.display= 'inline-block';
style.caretColor='black';
myTextarea.value = myText;
container.appendChild(myTextarea);
// 将复制按钮和关闭按钮添加到文本框上方
container.insertBefore(copyButton, myTextarea);
container.insertBefore(closeButton, myTextarea);
}
})
$("body").on('click', '.data-down-down', function() {
let selectedindex=0;
var urls = [];
$(".data-down-list.selected").each(function(k,v){
if ($(this).is(':visible')){
selectedindex++;
urls.push($(this).attr('data-url'))
}
})
let downstr='下载失败';
if (selectedindex==0){
if ($(".data-down-list").length>0){
downstr=downstr+"，请选择需要下载的资源。点击屏幕中的资源即可选中";
}else{
downstr=downstr+"，当前没有搜索到任何资源";
}
toastr.error(downstr, '', { positionClass: 'toast-top-center', showDuration: 300, hideDuration: 1000, timeOut: 3000, extendedTimeOut: 1000, showEasing: 'swing', hideEasing: 'linear', showMethod: 'fadeIn', hideMethod: 'fadeOut' });
return
}else{
urls.forEach(function(url, index) {
if (url.startsWith('data:image')){
var blob = b64toBlob(url);
url=URL.createObjectURL(blob);
}
let fileName=getFileNameFromUrl(url);
GM_download({
url: url,
name: fileName,
saveAs: false,
onload: function() {
toastr.success('已下载'+(index+1)+"个资源，剩余"+(selectedindex-(index+1 ))+"...", '', { positionClass: 'toast-bottom-right', showDuration: 300, hideDuration: 1000, timeOut: 3000, extendedTimeOut: 1000, showEasing: 'swing', hideEasing: 'linear', showMethod: 'fadeIn', hideMethod: 'fadeOut' });
},
onerror: function(err) {
console.error('第'+(index)+'个资源下载失败'+err , err);
}
});
});
}
})
$("<style>")
.prop("type", "text/css")
.html(`
.data-down-ui .data-down-list:hover {
border: 2px solid #00BFFF;
box-shadow: 0 0 5px #00BFFF;
}
.data-down-ui .selected {
border: 2px solid #ed3f68;
box-shadow: 0 0 5px #ff8ef1;
}
.data-down-ui .data-down-button, .data-down-buttonselected, .data-down-buttonsmall, .data-down-down, .data-down-url{
border: none;
border-radius: 10px;
background-color: #6175bd;
color: white;
padding: 8px 10px;
font-size: 15px;
}
`)
.appendTo("head");
function completeUrl(url) {
if (url){
if (/^https?:\/\//i.test(url)) {
return url;
}
if (/^\/\//.test(url)) {
if (location.protocol === 'https:') {
return 'https:' + url;
}else{
return 'http:' + url;
}
}
if (url.startsWith('data:')) {
var commaIndex = url.indexOf(',');
if (commaIndex !== -1) {
var base64String = url.slice(commaIndex + 1);
return url;
}
}
var origin = window.location.origin;
if (url.indexOf('http') == -1){
if (url.startsWith('/')){
return origin + url;
}else{
return origin +'/'+ url;
}
}
return url;
}
}
function b64toBlob(base64Data) {
var byteString = atob(base64Data.split(',')[1]);
var ab = new ArrayBuffer(byteString.length);
var ia = new Uint8Array(ab);
for (var i = 0; i < byteString.length; i++) {
ia[i] = byteString.charCodeAt(i);
}
return new Blob([ab], {type: 'image/jpeg'});
}
function getFileNameFromUrl(url) {
var fileName = '';
if (url.indexOf('?') >= 0) {
url = url.split('?')[0]; // 去掉查询参数
}
var pos = url.lastIndexOf('/');
if (pos < 0) {
pos = url.lastIndexOf('\\');
}
if (pos >= 0) {
fileName = url.substring(pos + 1);
} else {
fileName = url;
}
return fileName;
}