技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(tǒng)
網(wǎng)站運(yùn)營(yíng)

贊助商

分類目錄

贊助商

最新文章

搜索

使用360/Chrome/Firefox瀏覽器輕松獲得圖片base64字符串

作者:admin    時(shí)間:2016-11-25 16:42:32    瀏覽:

要獲得圖片base64字符串,一般是通過(guò)相關(guān)軟件或工具來(lái)實(shí)現(xiàn),網(wǎng)上也有相關(guān)的在線轉(zhuǎn)換工具,不過(guò)本文要介紹的是,其實(shí),很簡(jiǎn)單,我們?nèi)粘S玫臑g覽器就可以輕松幫我們實(shí)現(xiàn),包括360/Chrome/Firefox瀏覽器。

用360和chrome瀏覽器獲得圖片base64字符串

首先介紹如何用360和chrome瀏覽器獲得圖片base64字符串,這兩瀏覽器的操作方法是一樣的(360用的是chrome內(nèi)核)。

1、對(duì)于本地圖片,先把瀏覽器窗口縮小,然后把圖片拖到瀏覽器里。對(duì)于網(wǎng)絡(luò)圖片,可以直接用瀏覽器訪問(wèn)圖片地址來(lái)打開圖片。

用瀏覽器打開圖片

用瀏覽器打開圖片

2、打開本地圖片或網(wǎng)絡(luò)圖片后,按“Ctrl+Shift+I” 打開開發(fā)者工具。點(diǎn)擊“Sources”標(biāo)簽,再雙擊左側(cè)的圖片文件名,這時(shí),右側(cè)就會(huì)顯示該圖片的base64字符串了。

獲得圖片的base64字符串

獲得圖片的base64字符串

用Firefox瀏覽器獲得圖片base64字符串

1、與360/Chrome瀏覽器一樣,對(duì)于本地圖片,先把瀏覽器窗口縮小,然后把圖片拖到瀏覽器里。對(duì)于網(wǎng)絡(luò)圖片,可以直接用瀏覽器訪問(wèn)圖片地址來(lái)打開圖片。

2、打開本地圖片或網(wǎng)絡(luò)圖片后,按“Ctrl+Shift+I” 打開開發(fā)者工具。

3、右鍵點(diǎn)擊圖片代碼,點(diǎn)擊菜單里的“復(fù)制圖像數(shù)據(jù)”,粘貼到記事本或任何編輯器,這段就是該圖片的base64字符串了。

復(fù)制圖像數(shù)據(jù)

復(fù)制圖像數(shù)據(jù)(點(diǎn)擊圖片放大)

學(xué)會(huì)使用360/Chrome/Firefox瀏覽器輕松獲得圖片base64字符串的方法,我們就不用再去下載安裝某些轉(zhuǎn)換軟件了,也不用辛苦在網(wǎng)上找在線轉(zhuǎn)換工具了。

標(biāo)簽: image  
相關(guān)文章
    x
    • 站長(zhǎng)推薦
    /* 左側(cè)顯示文章內(nèi)容目錄 */