右键点击图片以下载(支持头像下载，番剧封面下载，视频封面下载，专栏图片下载，直播封面下载,甚至还有首页和空间上那一横条的下载)
// ==UserScript==
// @name bilibili右键简单下载所点击图片(支持所有位置的点击)
// @namespace http://tampermonkey.net/
// @version 0.7.8
// @description 右键点击图片以下载(支持头像下载，番剧封面下载，视频封面下载，专栏图片下载，直播封面下载,甚至还有首页和空间上那一横条的下载)
// @author Derek Chen
// @match *://www.bilibili.com/*
// @include *://www.bilibili.com/video/av*
// @include *://www.bilibili.com/read/cv*
// @include *://t.bilibili.com/*
// @include *://space.bilibili.com/*
// @include *://www.bilibili.com/*
// @include *://h.bilibili.com/*
// @include *://game.bilibili.com/*
// @include *://live.bilibili.com/*
// @include *://search.bilibili.com/*
// @grant none
// ==/UserScript==
let header = 'https:',
acceptable_classes = ['user-head c-pointer', 'notice-img c-pointer', 'img-content', 'live-up-img', 'card-1', 'card-3'],
final_url = "",
header_test = new RegExp(/http*/),
prompt = document.createElement("div"),
first_hid = true,
up_name_final = "",
img_list = [],
detail_ = {
};
initiate_pop();
function initiate_pop() {
prompt.setAttribute('id', 'pop');
prompt.setAttribute('style', `
width:${window.innerWidth / 4}px;
min-height:100px;
position:fixed;
top: -500px;
left:${window.innerWidth / 3}px;
border:solid 1px gray;
border-radius:10px;
background: rgb(237,237,237);
z-index:99999;
transition-duration: 500ms;
max-height:500px;
overflow :auto;
`);
prompt.innerHTML = `
<h2>你想下载那张图片？</h2>
`
document.body.appendChild(prompt);
}
function make_img_list_prompt(arr,u_arr) {
let done = [],
current_index = -1;
document.getElementById('pop').innerHTML = "<h2>你想下载那张图片？</h2>";
for (let i = 0; i < arr.length; i++) {
let finished = false;
for (let j = 0; j < done.length; j++) {
if (arr[i] === done[j]) {
finished = true;
}
}
if (!finished && arr[i] !== '') {
let img = new Image(),
div = document.createElement('div'),
name = document.createElement('p');
current_index = i;
name.innerText = u_arr[current_index];
div.style.display = 'inline-block';
div.setAttribute('class','pop_container')
div.style.textAlign = 'center';
div.appendChild(img);
div.appendChild(name);
img.setAttribute('class', 'pop_img')
img.src = arr[i];
img.style.width = `${window.innerWidth/8.5}px`;
img.style.marginLeft = `${window.innerWidth/350/3}px`;
document.getElementById('pop').appendChild(div);
done.push(arr[i]);
}
}
document.getElementById('pop').style.top = '0px';
console.log(arr,u_arr)
}
function get_all_img() {
let f_url_arr = [],
u_name_arr = [],
all_img = document.getElementsByTagName('img');
for(let a = 0; a < all_img.length;a++){
f_url_arr.push(all_img[a].src.split('@')[0].split('"')[0]);
u_name_arr.push(get_name(all_img[a]));
}
for (let i = 0; i < acceptable_classes.length; i++) {
let t = document.getElementsByClassName(acceptable_classes[i]);
for (let j = 0; j < t.length; j++) {
if (t[j].nodeName === 'IMG') {
u_name_arr.push(get_name(t[j]));
f_url_arr.push(t[j].src.split('@')[0].split('"')[0]);
} else {
if (header_test.test(t[j].style.backgroundImage)) {
u_name_arr.push(get_name(t[j]));
f_url_arr.push(t[j].style.backgroundImage.replace('url("', '').split('@')[0].split('"')[0]);
} else {
u_name_arr.push(get_name(t[j]));
f_url_arr.push(t[j].style.backgroundImage.replace('url("', header).split('@')[0].split('"')[0]);
}
}
}
}
make_img_list_prompt(f_url_arr,u_name_arr);
// console.log(f_url_arr);
}
function check_identical(link) {
if (img_list.length !== 0) {
for (let i = 0; i < img_list.length; i++) {
if (link === img_list[i]) {
return true;
}
}
}
return false;
}
function download(url = final_url) {
console.log(final_url);
if (check_identical(url.url)) {
alert("已经下载过这张图片了!");
return;
}
if(!detail_[url.name]){
detail_[url.name] = 1;
}else{
detail_[url.name] += 1;
}
try{
current_img_type = url.url.substring(url.url.lastIndexOf("."));
img_list.push(url.url);
fetch(url.url).then(res => res.blob()).then(blob => { //创建临时a标签以下载图片
let a = document.createElement('a');
a.style.display = 'none';
a.href = URL.createObjectURL(blob);
a.download = `${url.name}${detail_[url.name] + current_img_type}`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
link = '';
});
}catch(e){/*nobody cares*/};
}
function get_url(target) {
if (target.nodeName === 'IMG') {
final_url = {
url: target.src.split('@')[0].split('"')[0],
name: get_name(target)
};
return true;
} else {
for (let i = 0; i < acceptable_classes.length; i++) {
if (target.classList.value === acceptable_classes[i]) {
if (target.nodeName !== 'IMG') {
final_url = {
url: header_test.test(target.style.backgroundImage) ?
target.style.backgroundImage.replace('url("', '').split('@')[0].split('"')[0] :
target.style.backgroundImage.replace('url("', header).split('@')[0].split('"')[0],
name: get_name(target)
};
return true;
}
}
}
}
}
document.oncontextmenu = (e) => {
console.log(e,'right click');
let target = e.target,
find_element = false;
if (target.nodeName === 'IMG') {
final_url = {
url: target.src.split('@')[0].split('"')[0],
name: get_name(target)
};
// console.log(final_url);
download();
return;
}
find_element = get_url(target);
if (!find_element) {
get_all_img();
}
download();
}
function get_name(ele){
let name = "";
while (ele) {
if(ele.classList){
switch(ele.classList.value){
case 'pop_img':
name = ele.parentNode.innerText;
break;
case 'post-content repost':
if(ele.getElementsByClassName('original-poster')[0]){
name = ele.getElementsByClassName('original-poster')[0].innerText.split('@')[1].split(':')[0];
}else{
name = ele.getElementsByClassName('username d-i-block up-info-name')[0].innerText;
}
break;
case 'main-content':
case 'card':
name = ele.getElementsByClassName('user-name fs-16 ls-0 d-i-block')[0].innerText;
break;
case 'live-panel-item live-up':
name = ele.getElementsByClassName('live-up-name tc-dark-slate fs-14 ls-0')[0].innerText;
break;
case 'list-item reply-wrap ':
name = ele.getElementsByClassName('name')[0].innerText;
break;
case 'card-box':
name = ele.getElementsByClassName('count up')[0].innerText;
break;
default:
null; // still, nobody cares
}
}
ele = ele.parentNode;
}
return name;
}
document.addEventListener('mouseup',(e)=>{
console.log(e)
if (e.target.classList.value === 'pop_img' || e.target.classList.value === 'pop_container' || e.target.id === 'pop' ) {
// console.log('a')
document.getElementById('pop').style.top = '0px';
first_hid = false;
return;
}
if (first_hid) {
document.getElementById('pop').style.top = '-510px';
first_hid = !first_hid;
} else {
document.getElementById('pop').style.top = '-460px';
first_hid = !first_hid;
}
})