Giter VIP home page Giter VIP logo

weibo-picture-store's Introduction

Weibo-Picture-Store

Introduction

上传图片到微博并生成外链的 Chrome 浏览器扩展

注意:虽然现在支持了 Firefox 浏览器,但是相关文档的描述部分仍然保持不变,用词以 Chrome 为主。

Feature

已下列出的是功能的简介,详情可以继续往下阅读

  • 支持点选、拖拽、粘贴以及页面右键菜单上传图片到微博并同步到微相册
  • 支持拖拽上传文件夹中的图片文件
  • 支持 JPEG、PNG、GIF 三种图片格式
  • 支持 SVG、BMP、WebP、ico 有损转换为 PNG
  • 支持把 HTML5 视频的当前帧上传为 JPG 图像
  • 支持查看上传记录,简单的浏览及删除操作
  • 支持生成 URL、HTML、UBB、Markdown 四种格式
  • 支持单条、多条模式的复制操作
  • 支持选择协议(http、https 和相对协议)
  • 支持三种固定裁剪尺寸和用户自定义尺寸
  • 支持使用微博账号和密码自动登录
  • 支持微博图片水印功能
  • 支持自定义生成的图片链接

Instruction

具体的操作指南,包含图示

上图展示的是扩展中常用的提示,不同的操作系统显示上略有差异。

  1. 地址协议选择
  2. 图片裁剪选择
  3. 在单条和多条复制模式之间切换的按钮
  4. 上传记录按钮
  5. 选择上传图片的按钮
  6. 复制当前类型的地址,批量模式下会复制此类型的所有地址
  7. 粘贴区域及拖拽区域,弹窗任何区域都可以使用(这里可以批量粘贴图片链接)
  8. 隐藏菜单,用于放置反馈及其他信息(图中是菜单展开状态)
  9. 在 GitHub 上提交建议或者 BUG
  10. 通过电子邮件反馈问题(如果不方便使用 GitHub)
  11. 捐赠支持一下
  12. 查看更新日志

如果可以获取到页面中的图片,则会在右键菜单中显示把这张图片上传到微相册的选项,点击后会自动上传,上传结束后会出现提示。

如果可以获取到页面中 HTML5 的视频并且原生的右键菜单可用,则会在右键菜单中显示把当前的视频帧上传到微相册的选项,上传流程和上述图片一样。

如果页面中 HTML5 视频在其他容器的下层,或者原生的右键菜单被屏蔽了。可以使用默认快捷键 Alt+Shift+T(可在 chrome://extensions/shortcuts 键盘快捷键中修改按键)来修改页面元素,让 HTML5 视频可以被右键菜单捕获并且原生右键菜单这时候处于可用状态。需要注意,在页面元素处于修改状态中,页面上的其他元素不可以被鼠标选中,并且页面周围会显示红白相间的条纹表示页面元素处于修改状态。再次按下快捷键 Alt+Shift+T 即可退出这种状态,恢复正常。

  1. 红白相间的条纹提示线
  2. 在页面未修改场景下的右键菜单
  3. 原生的右键菜单

  1. 切换相册(不可用状态)
  2. 打开微相册
  3. 切换相册(可用状态)
  4. 从微相册中移除这张图片
  5. 在图片上右击可以复制图片地址
  6. 批量删除选中的文件(按住 Ctrl/Command 键可以多选)
  7. 图片最近的修改时间

上图是拖拽文件夹上传图片的示例。

上图是选项设置,填写微博的账号和密码,可以在传图时自动登录到你的微博,这是可选的设置。默认情况下,使用浏览器中微博的 Cookies,如果你的微博没有登录,则会收到需要登录微博的提示。

More

FAQ

  • 图片上传到哪儿了?
    • 上传到用户的微博上了
  • 在扩展中填写微博账号和密码,这样做是否安全?
    • 你填写的账号和密码存在本地,不会上传到任何服务器上
  • 我的常用微博账号是A,我可以在扩展中填写另一个账号B吗?
    • 可以但不推荐,因为一个浏览器同时只能有一个微博的登录状态,在使用B时,A可能会被强制登出
    • 若有同时登录两个账户的需求,请使用 Chrome 的多用户模式来避免上述这种情况
  • 可以上传的最大图片大小是多少?
    • 目前是 20MB
  • 如何设置微博图片水印?
  • 如何管理已上传的图片?
    • 上传记录或者微相册均可以管理
  • 如何删除已上传的图片?
    • 目前无法删除,微相册中的删除是针对相册的操作,对图片本身没有影响
  • 粘贴上传没有效果?
    • 粘贴上传只支持复制图片文件,在资源文件管理器中的复制文件并粘贴是没有效果的
  • 上传的是 PNG 图片,返回的却是 JPG 后缀的地址?
    • 微博不支持 PNG 后缀,后缀对于浏览器判断图片的格式是没有影响的
  • 如何使用自定义裁剪?
    • 自定义裁剪的格式需要微博支持,否则生成的地址是不能访问的
  • 裁剪操作对图片的影响?
    • 裁剪适用于 JPEG 格式的图片。PNG 图片裁剪后会丢失透明通道,GIF 则会变成静态图片
  • 微相册同步图片的最大数量是多少?
    • 1000 张。如果达到这个数量后继续使用,会创建新的相册,如果相册也满了,则不再同步图片
  • 微相册数量已达到上限 100 个,不能同步图片了怎么办?
  • 为什么通过复制粘贴的方式上传 GIF 会变成静态图片?
    • 在浏览器或操作系统中复制 GIF 时,只有其中一帧被复制到了剪切板,因此上传后会变成静态图片
  • 如何获取扩展日志?
    • 在扩展栏上的扩展图标上右击,点击【导出日志】选项。
  • Firefox 浏览器无法拉取微博图片、上传图片失败如何处理?
    • 在此扩展的选项中,打开【可选权限】即可,可参考下面的图示 firefox-permission

Privacy Policy

隐私权和条款

Thanks

JetBrains logo

weibo-picture-store's People

Contributors

aqours avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

weibo-picture-store's Issues

希望把上传图片后的顶级域名从https://...cn改为in

面对最近检测referrer导致的403,有人发现把sinaimg.cn改为sinaimg.in,不用添加meta标签也能解决403,我在我的博客试了下,只要先用浏览器访问下.in域名对应的图片,以后就都能正常加载了。(我确定不是缓存,我在电脑上访问下图片,手机也能正常显示了)
另外,这次403好像暂时只涉及https,且要放在img标签等里面时,用作css的背景貌似不传递referrer所以不受影响,用http访问我这里没有任何问题。
不知道长久与否,欢迎大家一起测试、讨论。

影响ajax返回值!?

虽然不是很确定,但从我机器排查的结果来看,这个插件影响了一般网页ajax返回内容了。。。。
image
多了inject标签,会导致后面的解析代码报错。。。。

能否添加自定义复制格式?

目前有多种的复制格式,但是唯独不能自定义。

由于微博开启了防盗链,有个解决方案是在img标签里添加一个属性:referrerpolicy="no-referrer"
如果是这样的话,那么我就需要重新定义一个贴图的函数,不能再单独的使用markdown贴图语法了,需要自定义一个图片的语法,例如:
{% functionName xxx.com/sss.jpg args %}
所以,能否增加自定义格式的复制链接?

为 HTML 链接增加图片尺寸标签

我在使用微博图床生成的图片 Markdown 链接时,发现有些软件会拉宽图片,并不是按照原尺寸显示的,尤其是 gitlab,小图放大会显得异常模糊难看。

但是 markdown 并不能控制图片大小,而 HTML 标签是可以的,所以希望 HTML 链接会默认带有图片尺寸设置,便于修改。

示例如下:

  • 图片原图 (Github Markdown)
    ![](https://wx4.sinaimg.cn/large/6ee6fa3egy1fqqamkyop1j20qq0aozl2.jpg)

  • HTML 图片(带尺寸设置)
    <img src="https://wx4.sinaimg.cn/large/6ee6fa3egy1fqqamkyop1j20qq0aozl2.jpg" width="660"/>

  • gitlab markdown 显示效果
    ![image](https://user-images.githubusercontent.com/20741596/49579397-100d2c00-f987-11e8-8563-8c3f968179f7.png)
    image

预期效果:
image

bug反馈

Describe the bug

在这里描述你遇到的问题(请删除这些说明性的语句)

To Reproduce (Optional)

在下面写出复现这个问题的步骤

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior

在这里写出你期望的行为或结果(请删除这些说明性的语句)

Screenshots (Optional)

在这里粘贴你遇到问题时的截图(请删除这些说明性的语句)

Logs (Recommend)

在下面粘贴扩展的日志。在扩展图标上右击【导出日志】可以下载日志文件

// 在这里粘贴扩展的日志信息(请删除这些说明性的语句)

上传图片后得到的地址是错的
image

我上传图片
得到的地址是
https://wx4.sinaimg.cn//61d19794gy1g22djfs34zj23jj2ca1kx.jpg
网页打开后跳到https://wx4.sinaimg.cn/images/default.gif
image

然后在历史记录那里得到的地址是
http://wx4.sinaimg.cn/large/61d19794gy1g22djfs34zj23jj2ca1kx.jpg
这个能打开图片

【建议】能否给删除文件增加删除提醒选项呢...

1丶
能否给删除文件增加删除提醒选项呢...
还有最好能增加打开微相册选项...

2丶
现在这样图片会显示不完整...
能不能增加类似二箱搜图这样的图片墙和图片列表视图
而且gif丶webp丶动态apng格式....
可以不用打开也可以直接可以动...
【2019 06 26】【18∶00∶34】

微信文章图片无法上传!

你好,微信文章图片无法上传!
如图:
2018-08-18_151602

一直提示:不支持选中的文件格式

以前都是没问题的。请看下是什么问题。

日志正常:
[LOG..]-[2018-08-18T07:02:09.605Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[LOG..]-[2018-08-18T07:02:09.927Z]-[CheckoutSpecialAlbumId]-[检出指定的微相册成功]-[N/A]
[LOG..]-[2018-08-18T07:02:10.424Z]-[requestPhotosFromSpecialAlbum]-[获取微相册的全部图片成功]-[N/A]
[LOG..]-[2018-08-18T07:04:42.506Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[LOG..]-[2018-08-18T07:04:43.068Z]-[requestPhotosFromSpecialAlbum]-[获取微相册的全部图片成功]-[N/A]

登录失败&使用问题

无法登录

填写了手机号码和密码显示登录失败

使用问题

安装后不知道如何使用

复制的gif动图不会动

简单来说,复制的动图会变成图片。需要手动上传才会动。重新看了下说明,原来是因为用了裁剪

图片可以上传但无法查看历史

Describe the bug

通过插件无法查看历史,可以上传图片,但是不会上传到插件新建的私密相册。

To Reproduce (Optional)

在下面写出复现这个问题的步骤

  1. Go to '插件'
  2. Click on '上传历史'
  3. See error

Expected behavior

希望上传的图片可以在Weibo_Chrome私密相册中和历史纪录中查看

Screenshots (Optional)

image

Logs (Recommend)

在下面粘贴扩展的日志。在扩展图标上右击【导出日志】可以下载日志文件

------------------ Metadata Starting ------------------
Version: 5.7.0
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.121 Safari/537.36
------------------ Metadata Finished ------------------
[WARN.]-[2019-03-15T04:48:10.863Z]-[requestUserId]-[获取用户信息失败]-[这种情况下无法命中缓存,没有其他影响]
[DEBUG]-[2019-03-15T04:48:37.747Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[DEBUG]-[2019-03-15T04:52:31.237Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[DEBUG]-[2019-03-15T04:52:45.183Z]-[uploader]-[用户信息解析成功]-[N/A]
[DEBUG]-[2019-03-15T04:52:45.183Z]-[uploader]-[上传图片成功]-[N/A]
[WARN.]-[2019-03-15T04:52:45.187Z]-[WeiboUpload]-[immediately: true, size: 0]-[事件触发的时机不正确]
[DEBUG]-[2019-03-15T04:52:51.383Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[DEBUG]-[2019-03-15T04:53:20.536Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[DEBUG]-[2019-03-15T04:56:55.845Z]-[uploader]-[用户信息解析成功]-[N/A]
[DEBUG]-[2019-03-15T04:56:55.845Z]-[uploader]-[上传图片成功]-[N/A]
[WARN.]-[2019-03-15T04:56:55.852Z]-[WeiboUpload]-[immediately: true, size: 0]-[事件触发的时机不正确]
[DEBUG]-[2019-03-15T04:57:53.826Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[DEBUG]-[2019-03-15T04:58:52.540Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[DEBUG]-[2019-03-15T04:59:13.787Z]-[uploader]-[用户信息解析成功]-[N/A]
[DEBUG]-[2019-03-15T04:59:13.787Z]-[uploader]-[上传图片成功]-[N/A]
[WARN.]-[2019-03-15T04:59:13.791Z]-[WeiboUpload]-[immediately: true, size: 0]-[事件触发的时机不正确]
[DEBUG]-[2019-03-15T04:59:17.371Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[DEBUG]-[2019-03-15T04:59:22.477Z]-[requestUserId]-[获取用户信息成功]-[N/A]
[DEBUG]-[2019-03-15T05:01:38.700Z]-[uploader]-[用户信息解析成功]-[N/A]
[DEBUG]-[2019-03-15T05:01:38.700Z]-[uploader]-[上传图片成功]-[N/A]
[WARN.]-[2019-03-15T05:01:38.706Z]-[WeiboUpload]-[immediately: true, size: 0]-[事件触发的时机不正确]
[DEBUG]-[2019-03-15T05:11:18.588Z]-[uploader]-[用户信息解析成功]-[N/A]
[DEBUG]-[2019-03-15T05:11:18.588Z]-[uploader]-[上传图片成功]-[N/A]
[WARN.]-[2019-03-15T05:11:18.594Z]-[WeiboUpload]-[immediately: true, size: 0]-[事件触发的时机不正确]

微博图片无法外链了

Describe the bug

在这里描述你遇到的问题(请删除这些说明性的语句)

To Reproduce (Optional)

在下面写出复现这个问题的步骤

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior

在这里写出你期望的行为或结果(请删除这些说明性的语句)

Screenshots (Optional)

在这里粘贴你遇到问题时的截图(请删除这些说明性的语句)

Logs (Recommend)

在下面粘贴扩展的日志。在扩展图标上右击【导出日志】可以下载日志文件

// 在这里粘贴扩展的日志信息(请删除这些说明性的语句)

不支持QQ浏览器低版本chrome内核

Describe the bug

使用最新版QQ浏览器(10.2.1)安装失败,查看内核版本为63

To Reproduce (Optional)

在下面写出复现这个问题的步骤

  1. QQ浏览器打开
  2. 打开扩展链接
  3. 添加显示为不支持
  4. See error

Expected behavior

期望支持使用

Screenshots (Optional)

在下面粘贴你遇到问题时的截图

The contents of the next version

  • 后台运行,Chrome 未启动时可以调用弹窗传图
  • 快捷键置顶优化,现在部分页面的视频不能置顶(示例:哔哩哔哩旧版播放器)
  • 重新设计提醒,避免 #73 的问题,考虑增加 badge 以显示正在上传队列的数量
  • 限定 webRequest 的修改只在 background page 中有效,使用高效的 urlFilters
  • 记住上次的弹窗大小,这个有需要吗?
  • 小号模式
  • 修复上传队列中的一处设计错误
  • 导出日志时加上浏览器UA和扩展的当前版本
  • 重新支持SVG转PNG

以上是下个大版本预定的内容,这些内容不一定会实现
慢慢开发啦,有想要的功能可以留言,我会考虑优先实现的(●'◡'●)

获取不到文件名

在上传文件时不能获取文件名,中文或者英文都不行,获取到的markdown链接文件名都为为IMAGE

获取crx

Session expired!
Your session has been expired. Please try again.

【建议】能否增加ezgif网站的功能...

1丶
因为贴吧限制最大4.99mQQ表情最大6m...
我经常用这个网站优化减小和修改录制的gif...
能否做到添加和删除按钮一样直接可以打开目前图片并自己优化...
https://ezgif.com/optimize
【Snipaste】【2019-07-18】No 174554

2丶
这个上传记录能否增加在这个独立窗口打开呢....
可以不要新建标签页也直接切换...
反正就是这个效果图...
bbb0e787-2155-45b7-8a09-cdf86134e031

支持选择/拖拽目录

我是做的图片网站,所以经常会通过你的微博图床插件上传很多套图在网站上,但是每次打开文件夹再全选里面的图片文件复制到你的图床插件里面总感觉有些繁琐!

so......
image

希望可以拖拽多个文件夹直接拉入图床插件,然后图床插件里面显示每个文件夹名称并且后面显示复制按钮!如图:

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.