新浪微博圖床的 Chrome 擴展

簡介

上傳圖片到微博並生成外鏈的 Chrome 瀏覽器擴展(最低版本支持:Chrome 59)

功能

  • 支持點選、拖拽、粘貼以及頁面右鍵菜單上傳圖片到微博並同步到微相冊
  • 支持 JPEG、PNG、GIF 三種圖片格式
  • 支持查看上傳記錄,簡單的瀏覽及刪除操作
  • 支持生成 URL、HTML、UBB、Markdown 四種格式
  • 支持單條、多條模式的複製操作
  • 支持選擇協議(http、https 和相對協議)
  • 支持三種固定裁剪尺寸和用戶自定義尺寸

操作指南

彈窗屬於單例模式,在同一時間只能打開一個。在彈窗處於最小化的情況下,用戶再去點擊 icon 按鈕會出現上圖的閃爍提示,表示彈窗已經處於打開狀態。(上圖是 Windows 10 的提示,不同的操作系統略有差異)

上圖展示的是擴展中常用的提示,一般出現在主屏幕的右下角。通常在一定時間後會自動消失,但是有兩種提示框需要達到特定條件才會消失。一種是進度條提示,它會在圖片上傳流程結束自動關閉。另一種是檢測到微博沒有登錄的提示,需要用戶按照提示操作或者手動點擊關閉。

  1. 地址協議選擇
  2. 圖片裁剪選擇
  3. 在單條和多條複製模式之間切換的按鈕
  4. 上傳記錄按鈕
  5. 選擇上傳圖片的按鈕
  6. 複製當前類型的地址,批量模式下會複製此類型的所有地址
  7. 粘貼區域。彈窗中所有的虛線類型區域在獲得焦點,即變綠色後均可以進行粘貼操作
  8. 拖拽區域(彈窗任何區域都可以使用)

粘貼區域額外說明:

因為粘貼圖片文件實際上是一種相當受限的操作,所以這裡的粘貼操作被稍稍的加強了一下。粘貼區域額外的支持粘貼圖片地址,可以對其它圖片地址上傳到微相冊提供極大的便利。微博自身的地址,即域名中包含 .sinaimg.cn 字元串的地址是不支持粘貼上傳的,這是為了避免誤操作。(用其它方式上傳圖片沒有這種限制)

如果可以獲取到頁面中的圖片,則會在右鍵菜單中顯示把這張圖片上傳到微相冊的選項,點擊後會自動上傳,上傳結束後會出現提示。如果上傳成功,該圖片的地址就自動在剪切板中,可以粘貼使用了。注意:這裡的上傳操作沒有進度提示,最終的結果只有成功和失敗。如果在沒有結果返回的情況下,用戶對另一張圖片執行了相同的操作,那麼剪切板中會是最後成功上傳的圖片地址。

  1. 從相冊中移除這張圖片(移除後圖片的地址依然可以訪問)
  2. 在圖片上右擊可以複製圖片地址(上面的是複製原圖地址,下面的是複製當前顯示的圖片地址)
  3. 圖片的創建時間
  4. 上一頁按鈕(禁用狀態)
  5. 下一頁按鈕(可用狀態)
  6. 使用微相冊管理這些圖片
  7. 捐贈支持一下
  8. 在 GitHub 上提交建議或者 Bug
  9. 在博客中提交建議或者 Bug(如果不方便使用 GitHub)
  10. 使用電子郵件聯繫我
  11. 當前的頁數和總頁數

概念

以下是針對彈窗模式的說明:

當產生上傳流程時,進度條會出現。當上傳流程結束時,進度條關閉並提示圖片上傳流程結束。

彈窗模式最重要的一點是不區分單個文件和多個文件,它們被視為是一樣的,那麼上傳流程如何工作呢?

當上傳流程進行中時,彈窗沒有被鎖死,這個時候用戶依然可以繼續添加圖片,所有圖片上傳結束後,這些圖片會和前面的圖片一同出現的列表中。這對小水管用戶傳大圖、多圖非常實用。

當上傳流程結束後,用戶選擇繼續上傳圖片,在這些圖片上傳成功時,已存在的列表會被清空,新的圖片會被添加到列表中。如果用戶誤操作清空了列表,可以通過上傳記錄來獲得以前圖片的地址。

微相冊命中規則的說明:

  • 拉取用戶的前 100 個相冊
  • 檢測本地存儲的相冊 ID 是否在拉取的列表中
  • 檢測拉取相冊中是否帶有 64 位特徵碼的相冊

如果上面的步驟沒有查找到指定的相冊,並且用戶當前的相冊總數小於 100,那麼創建供此插件傳圖使用的相冊(這個相冊是屬於用戶私有,好友不可見的)。

以上條件都不符合,則不會同步圖片。

附加

已知的自定義裁剪格式:

  • large -> 原始圖片
  • mw690 -> 最大 690 像素寬度裁剪
  • thumbnail -> 縮略圖
  • small -> 小圖
  • square -> 80 像素正方形裁剪
  • thumb150 -> 150 像素正方形裁剪
  • thumb180 -> 180 像素正方形裁剪
  • thumb300 -> 300 像素正方形裁剪
  • orj180 -> 180 像素寬度原比例縮放
  • orj360 -> 360 像素寬度原比例縮放
  • crop.x.y.x1.y1.w -> 自定義矩形裁剪,其中 x, y 表示左上角坐標,x1, y1 表示右下角坐標,w 是寬度

FAQ

Q: 圖片上傳到哪兒了?

A: 上傳到微博上了

Q: 如何管理已上傳的圖片?

A: 上傳記錄或者微相冊均可以管理

Q: 如何刪除已上傳的圖片?

A: 目前無法刪除,微相冊中的刪除是針對相冊的操作,對圖片本身沒有影響

Q: JPG 和 JPEG 有什麼區別?

A: JPEG 是圖片格式,JPG 是 JPEG 圖片格式常用的一種文件擴展名

Q: 粘貼上傳沒有效果?

A: 粘貼上傳只支持複製圖片文件,在資源文件管理器中的複製文件並粘貼是沒有效果的

Q: 上傳的是 PNG 圖片,返回的卻是 JPG 後綴的地址?

A: 微博不支持 PNG 後綴,後綴對於瀏覽器判斷圖片的格式是沒有影響的

Q: 如何使用自定義裁剪?

A: 自定義裁剪的格式需要微博支持,否則生成的地址是不能正常問的

Q: 裁剪操作對圖片的影響?

A: 裁剪適用於 JPEG 格式的圖片。PNG 圖片裁剪後會丟失透明通道,GIF 則會變成靜態圖片

Q: 刪除一張圖片且頁面刷新後,頁面上的圖片數量少了一個?

A: 屬於正常情況,伺服器返回的數據時效性不足,腳本做了些彌補,因此會出現這種情況

前往博客查看詳情?

blog.hub.moe

前往 Chrome 商店下載?

chrome.google.com

Aqours/Weibo-Picture-Store?

github.com圖標
推薦閱讀:

微博Q1財報分析:超快的盈利增速,背後原因是什麼?
如何評價梁歡在微博上屢次掛人的行為?
微博配圖,你最習慣到哪找素材?
為什麼微博上有好多「XXX的999個XXX」這樣昵稱的微博?

TAG:Chrome擴展程序 | 圖床 | 微博 |