위챗 애플릿 - 로컬 이미지 임시 경로 변환base64 및 원격 이미지 변환base64
로컬 임시 그림 경로 변환base64
base64({url,type}){
return new Promise((resolve, reject) => {
wx.getFileSystemManager().readFile({
filePath: url, //
encoding: 'base64', //
success: res => {
resolve('data:image/' + type.toLocaleLowerCase() + ';base64,' + res.data)
},
fail: res => reject(res.errMsg)
})
})
}문서 주소: wx.getFileSystemManager.readFile
fn(){
let that = this
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success(res) {
const tempFilePath = res.tempFilePaths[0]
that.base64({
url:tempFilePath,
type:'png'
}).then(res=>{
console.log(res)//res base64
})
}
})
}base64 지원 유형
합법적 값 유형
설명
data:,
텍스트 데이터
data:text/plain,
텍스트 데이터
data:text/html,
HTML 코드
data:text/html;base64,
base64 인코딩된 HTML 코드
data:text/css,
CSS 코드
data:text/css;base64,
base64 인코딩된 CSS 코드
data:text/JavaScript,
Javascript 코드
data:text/javascript;base64,
base64 인코딩된 Javascript 코드
data:image/gif;base64,
base64 인코딩된gif 이미지 데이터
data:image/png;base64,
base64 인코딩 png 이미지 데이터
data:image/jpeg;base64,
base64 인코딩 jpeg 이미지 데이터
data:image/x-icon;base64,
base64 인코딩된 icon 이미지 데이터
원격 이미지 변환 base64
base64({url,type}){
return new Promise((resolve,rejiect)=>{
wx.request({
url: url,
responseType: 'arraybuffer',
success: res => {
let base64Url = wx.arrayBufferToBase64(res.data);// arraybuffer base64
resolve('data:image/' + type.toLocaleLowerCase() + ';base64,' + base64Url)
}
});
})
}이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
