成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

tinypng upload一鍵壓縮上傳工具

hlcc / 1575人閱讀

摘要：關(guān)于這是一個(gè)基于的圖片壓縮上傳工具，壓縮過程主要通過調(diào)用提供的完成。因?yàn)槭亲烂娑?，所以很方便我們將圖片拖拽到任務(wù)托盤進(jìn)行壓縮上傳，極大地提升了前端的工作效率，可以讓我們更專注于業(yè)務(wù)開發(fā)。

地址

項(xiàng)目地址：tinypng-upload

有興趣的可以玩一玩，因?yàn)槠綍r(shí)經(jīng)常會用到圖片壓縮，上傳，如果你也覺得很繁瑣的話，這個(gè)將會解決你的痛點(diǎn)。

關(guān)于 tinypng-upload

這是一個(gè)基于 electron的圖片壓縮上傳工具，壓縮過程主要通過調(diào)用tinypng提供的API完成。上傳配置參考iView的文件上傳配置。
因?yàn)槭亲烂娑?，所以很方便我們將圖片拖拽到任務(wù)托盤進(jìn)行壓縮上傳，極大地提升了前端的工作效率，可以讓我們更專注于業(yè)務(wù)開發(fā)。

操作過程：

壓縮前后體積對比（圖片壓縮完成已自動上傳到指的CDN）：

使用 1. 下載可執(zhí)行文件

因?yàn)闀簳r(shí)沒有發(fā)布到應(yīng)用商店，所以需要自己編譯出可執(zhí)行文件：

git clone https://github.com/muwoo/tinypng-upload.git
cd tinypng-upload
npm i
npm run build

然后會在build目錄下生成對應(yīng)的可執(zhí)行文件，運(yùn)行改文件即可

2. 配置tinypng API key

因?yàn)樵擁?xiàng)目壓縮過程是通過調(diào)用 tinypng API來實(shí)現(xiàn)的，所以我們需要去tinypng網(wǎng)站上注冊一個(gè)API key：

然后將該值粘貼到我們的配置一欄中：

只不過有一點(diǎn)限制，免費(fèi)的每個(gè)月可以壓縮 500 張圖片。github 上也有人通過循環(huán)注冊的過程，生成了多個(gè)賬戶API key達(dá)到近似于不限制壓縮次數(shù)的目的。有興趣也可以了解一下~

3. 配置壓縮后圖片上傳請求

壓縮完成之后，我們希望圖片可以直接上傳到我們公司的CDN上，tiny-png upload上傳參考了iView的圖片上傳參數(shù)和設(shè)置：上傳 upload

Property Decription Type Default
action Upload request URL, required. String -
headers Upload request header. Object {}
data Extra data with upload request. Object {}
name The key in upload request targeting to the file. String file
with-credentials Enable certification info in Cookie or not. Boolean false
靈感來源

之前在掘金上看了一篇關(guān)于electron圖片上傳的工具PicGo，很感謝作者提供的文章參考PicGo的star數(shù)破1000的心路歷程。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95722.html

相關(guān)文章

  • 開箱即用-簡潔實(shí)用的ImgURL圖床相冊程序和Zdir目錄列表程序(文件管理器）

    摘要：本篇文章就來分享一下兩款開箱即用上手容易的圖床相冊程序和在線文件管理器目錄列表程序，由好友開發(fā)并維護(hù)，非常適合個(gè)人站長用作圖床相冊和文件下載分享。雖然說現(xiàn)在照片還有文件存儲等都可以上傳到網(wǎng)盤中，但是國內(nèi)的網(wǎng)盤與國外的網(wǎng)盤存儲還有點(diǎn)不一樣。以百度網(wǎng)盤與Dropbox對比為例，百度網(wǎng)盤頂多算是一個(gè)個(gè)人用來存放私人照片和文件的網(wǎng)絡(luò)硬盤，如果用來分享的話很容易被百度限制或者取消下載。很多的個(gè)人站長為...

    番茄西紅柿 評論0 收藏2637

  • 【長期更新】盤一盤那些 uTools 高質(zhì)量插件，讓你的工作效率瞬間提升N倍！

    摘要：參考增強(qiáng)神器，文檔搜索效率何止翻倍推薦系數(shù)圖片展示快速獲取文件文件夾名稱插件來源開發(fā)者插件介紹如名，鼠標(biāo)選中文件或者文件夾，點(diǎn)擊鼠標(biāo)中鍵激活插件即可將文件文件夾名稱復(fù)制到剪切板。 ...

    remcarpediem 評論0 收藏0

  • 非常實(shí)用的在線工具網(wǎng)站清單

    摘要：文章目錄在線圖片壓縮在線壓縮最好用的切圖工具在線工具一鍵摳圖免費(fèi)字體免費(fèi)素材圖片和視頻中國風(fēng)配色網(wǎng)站免費(fèi)壁紙免費(fèi)短連接在線在線代碼編輯在線流程圖思維導(dǎo)圖在線圖片壓縮傳送門在線圖片壓縮網(wǎng)站已經(jīng)優(yōu)化超過十億張圖片，支持，，等格式的圖片的壓縮。 ...

    XanaHopper 評論0 收藏0

  • 前端常用插件、工具類庫匯總

    摘要：頁面調(diào)試騰訊開發(fā)維護(hù)的代碼調(diào)試發(fā)布，錯誤監(jiān)控上報(bào)，用戶問題定位。同樣是由騰訊開發(fā)維護(hù)的代碼調(diào)試工具，是針對移動端的調(diào)試工具。前端業(yè)務(wù)代碼工具庫。動畫庫動畫庫，也是目前通用的動畫庫。 本人微信公眾號：前端修煉之路，歡迎關(guān)注 本篇文章整理自己使用過的和看到過的一些插件和工具，方便日后自己查找和使用。 另外，感謝白小明，文中很多的工具來源于此。 彈出框 layer：http://layer....

    GitCafe 評論0 收藏0

  • vue-cli3 搭建的前端項(xiàng)目基礎(chǔ)模板

    摘要：基于搭建的前端模板，本倉庫，即可搭建完成一個(gè)新項(xiàng)目的基礎(chǔ)模板，源碼地址，歡迎或特性預(yù)編譯語言，做了一定的封裝，詳見雪碧圖移動的適配方案引入了及，可以自由地用去開發(fā)常用的工具類引用全局注入相關(guān)的文件，如通用的及等常用的的集合支持 基于 vue-cli3 搭建的前端模板，clone 本倉庫，即可搭建完成一個(gè)新項(xiàng)目的基礎(chǔ)模板，源碼地址，歡迎 star 或 fork 特性 CSS 預(yù)編譯語言...

    william 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<