圖片轉(zhuǎn)base64

源:https://github.com/zhetengbiji/image-tools

  1. npm引入
npm i image-tools --save
import { pathToBase64, base64ToPath } from 'image-tools'
  1. 使用

pathToBase64

從圖像路徑轉(zhuǎn)換為base64,uni-app、微信小程序和5+APP使用的路徑不支持網(wǎng)絡(luò)路徑,如果是網(wǎng)絡(luò)路徑需要先使用下載API下載下來。

pathToBase64(path)
  .then(base64 => {
    console.log(base64)
  })
  .catch(error => {
    console.error(error)
  })

base64ToPath

將圖像base64保存為文件,返回文件路徑。

base64ToPath(base64)
  .then(path => {
    console.log(path)
  })
  .catch(error => {
    console.error(error)
  })
  1. 提示
    可以利用promise來串行和并行的執(zhí)行多個任務(wù)
// 并行
Promise.all(paths.map(path => pathToBase64(path)))
  .then(res => {
    console.log(res)
    // [base64, base64...]
  })
  .catch(error => {
    console.error(error)
  })
// 串行
paths.reduce((promise, path) => promise.then(res => pathToBase64(path).then(base64 => (res.push(base64), res))), Promise.resolve([]))
  .then(res => {
    console.log(res)
    // [base64, base64...]
  })
  .catch(error => {
    console.error(error)
  })
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容