Giter Site home page Giter Site logo

mmhui / bilibili-img-uploader Goto Github PK

View Code? Open in Web Editor NEW

This project forked from xlzy520/bilibili-img-uploader

0.0 0.0 0.0 1018 KB

Chrome/Firefox/Edge Extension bilibili img uploader。哔哩哔哩图床上传插件.https://chrome.google.com/webstore/detail/b%E7%AB%99%E5%9B%BE%E5%BA%8A/domljbndjbjgpkhdbmfgmiclggdfojnd?hl=zh-CN

Home Page: https://chrome.google.com/webstore/detail/b%E7%AB%99%E5%9B%BE%E5%BA%8A/domljbndjbjgpkhdbmfgmiclggdfojnd?hl=zh-CN

License: MIT License

JavaScript 4.67% TypeScript 39.71% HTML 0.65% Vue 43.74% SCSS 11.23%

bilibili-img-uploader's Introduction

B站图床、短链(Firefox、Chrome、Edge)

哔哩哔哩图床插件,速度快,多种图片压缩格式选择,自动读取Bilibili的Cookie,不再需要手动输入。 基于vitesse-webext 重构

说明(2023-12-06)

由于B站将之前的图片上传接口返回的图片链接不是永久的了,其他接口又因为Origin会被拦截,因此在v2.2.0版本之后,不会在右上角打开弹窗了,而是打开一个不存在的B站页面并注入插件。

在线安装

Chrome、Edge

Firefox

在线使用

假如有需要使用Web版本的图床上传工具,那么可以使用这个地址,但是需要填写自己B站的SESSDATA和bili_jct,如果您有顾虑,还是建议使用客户端版

Web在线版

本地安装

下载

安装步骤

  1. 进入拓展程序,可以通过地址栏输入chrome://extensions/,也可以从 更多工具->拓展程序进入
  2. 右上角开启开发者模式
  3. 左侧点击 加载已解压的拓展程序,然后选择上面下载好的压缩包解压后的文件夹即可。

本地开发(支持热更新)

  1. 执行npm i或者pnpm i, 执行npm run devpnpm run dev
  2. 上一步(安装步骤)将文件夹选择为extension文件夹

构建

执行npm run buildpnpm run build

截屏

哔哩哔哩上传接口返回格式

{
    "code": 0,
    "message": "success",
    "data": {
        "image_url": "http://i0.hdslb.com/bfs/album/104c4f1ae6b66d78a5952a191281ec7883dc5c5c.jpg",
        "image_width": 818,
        "image_height": 1000
    }
}

图片样式

Type Url
原图 baseURL/1.jpg
原分辨率,质量压缩 baseURL/1.jpg@1e_1c.jpg
规定宽,高度自适应,质量压缩 baseURL/1.jpg@104w_1e_1c.jpg
规定高,宽度自适应,质量压缩 baseURL/1.jpg@104h_1e_1c.jpg
规定高宽,质量压缩 baseURL/1.jpg@104w_104h_1e_1c.jpg
原分辨率,webp格式(占用最小) baseURL/1.jpg@104w_104h_1e_1c.webp
规定高度,webp格式(占用最小) baseURL/1.jpg@104w_104h_1e_1c.webp

格式:(图像原链接)@(\d+[whsepqoc]_?)*(.(|webp|gif|png|jpg|jpeg))?$

  • w:[1, 9223372036854775807] (width,图像宽度)
  • h:[1, 9223372036854775807] (height,图像高度)
  • s:[1, 9223372036854775807] (作用未知)
  • e:[0,2] (resize,0:保留比例取其小,1:保留比例取其大,2:不保留原比例,不与c混用)
  • p:[1,1000] (默认100,放大倍数,不与c混用)
  • q:[1,100] (quality,默认75,图像质量)
  • o:[0,1] (作用未知)
  • c:[0,1] (clip,0:默认,1:裁剪)
  • webp,png,jpeg,gif(不加则保留原格式)
  • 不区分大小写,相同的参数后面覆盖前面
  • 计算后的实际wh不能大于原wh,否则wh参数失效

防盗链解决方案

全站图片使用

在html的head标签中设置如下标志,那么全站资源引用都不会携带referrer

<meta name="referrer" content="no-referrer">

新窗口打开

主要设置rel="noreferrer",使用window.open打开的话是会默认携带referrer的,第一次还是会403

<a rel="noreferrer" target="_blank"></a>

感谢

本项目得到以下项目的支持与帮助,在此表示衷心的感谢!

bilibili-img-uploader's People

Contributors

xlzy520 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.