js如何將圖片生成圖片URL鏈接
JS將圖片生當作圖片URL鏈接形式現實上是將圖片轉換為Base64編碼，然后放在img標簽src屬性中以鏈接的形式實現圖片的輸出。下面介紹js若何將圖片生當作圖片URL鏈接形式。
代碼下載鏈接：1LhLK6GlO56WYgozAp4YtlA 提取碼: pe3v
方式/步調
- 1
新建一個HMTL文件，文件定名為test.html。
- 2
在test.html文件中，界說script標簽并標明標簽type屬性為"text/javascript"，此處用于編寫js代碼。
- 3
界說一個image2Base64（）函數，用于實現將圖片轉換為Base64編碼，代碼如下：
- 4
界說一個getImgBase64（）函數，用于獲取上一步圖片轉換出來Base64編碼。在函數中把圖片名稱（dj6.jpg）傳入image2Base64（）函數中生當作Base64編碼，并經由過程document.write（）把已轉換的編碼輸出頁面。
代碼如下：
- 5
經由過程“getImgBase64()；”實此刻頁面加載的時辰執行代碼，輸出已轉換的圖片Base64編碼。
- 6
運行代碼，輸出以下成果（已當作功將圖片轉換為Base64編碼）：
- 7
測試。將轉換出來的圖片編碼以URL鏈接的形式放入img標簽的src鏈接屬性中，看是能將圖片輸出來。
- 8
運行上面代碼，輸出以下成果：
從下面成果可以看到，當作功實現了將圖片生當作URL鏈接形式，輸出了圖片。
代碼下載鏈接：1LhLK6GlO56WYgozAp4YtlA 提取碼: pe3v
- 發表于 2019-06-01 17:05
- 閱讀 ( 2522 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章