/**
|
* 以下方法出自 image-tools
|
* @see https://ext.dcloud.net.cn/plugin?id=123
|
*/
|
|
function getLocalFilePath(path) {
|
if (path.indexOf('_www') === 0 || path.indexOf('_doc') === 0 || path.indexOf('_documents') === 0 || path.indexOf(
|
'_downloads') === 0) {
|
return path
|
}
|
if (path.indexOf('file://') === 0) {
|
return path
|
}
|
if (path.indexOf('/storage/emulated/0/') === 0) {
|
return path
|
}
|
if (path.indexOf('/') === 0) {
|
let localFilePath = plus.io.convertAbsoluteFileSystem(path)
|
if (localFilePath !== path) {
|
return localFilePath
|
} else {
|
path = path.substr(1)
|
}
|
}
|
return '_www/' + path
|
}
|
|
function dataUrlToBase64(str) {
|
let array = str.split(',')
|
return array[array.length - 1]
|
}
|
|
let index = 0
|
|
function getNewFileId() {
|
return Date.now() + String(index++)
|
}
|
|
function biggerThan(v1, v2) {
|
let v1Array = v1.split('.')
|
let v2Array = v2.split('.')
|
let update = false
|
for (let index = 0; index < v2Array.length; index++) {
|
let diff = v1Array[index] - v2Array[index]
|
if (diff !== 0) {
|
update = diff > 0
|
break
|
}
|
}
|
return update
|
}
|
|
export function pathToBase64(path) {
|
return new Promise(function(resolve, reject) {
|
if (typeof window === 'object' && 'document' in window) {
|
if (typeof FileReader === 'function') {
|
let xhr = new XMLHttpRequest()
|
xhr.open('GET', path, true)
|
xhr.responseType = 'blob'
|
xhr.onload = function() {
|
if (this.status === 200) {
|
let fileReader = new FileReader()
|
fileReader.onload = function(e) {
|
resolve(e.target.result)
|
}
|
fileReader.onerror = reject
|
fileReader.readAsDataURL(this.response)
|
}
|
}
|
xhr.onerror = reject
|
xhr.send()
|
return
|
}
|
let canvas = document.createElement('canvas')
|
let c2x = canvas.getContext('2d')
|
let img = new Image
|
img.onload = function() {
|
canvas.width = img.width
|
canvas.height = img.height
|
c2x.drawImage(img, 0, 0)
|
resolve(canvas.toDataURL())
|
canvas.height = canvas.width = 0
|
}
|
img.onerror = reject
|
img.src = path
|
return
|
}
|
if (typeof plus === 'object') {
|
plus.io.resolveLocalFileSystemURL(getLocalFilePath(path), function(entry) {
|
entry.file(function(file) {
|
let fileReader = new plus.io.FileReader()
|
fileReader.onload = function(data) {
|
resolve(data.target.result)
|
}
|
fileReader.onerror = function(error) {
|
reject(error)
|
}
|
fileReader.readAsDataURL(file)
|
}, function(error) {
|
reject(error)
|
})
|
}, function(error) {
|
reject(error)
|
})
|
return
|
}
|
if (typeof wx === 'object' && wx.canIUse('getFileSystemManager')) {
|
wx.getFileSystemManager().readFile({
|
filePath: path,
|
encoding: 'base64',
|
success: function(res) {
|
resolve('data:image/png;base64,' + res.data)
|
},
|
fail: function(error) {
|
reject(error)
|
}
|
})
|
return
|
}
|
reject(new Error('not support'))
|
})
|
}
|
|
export function base64ToPath(base64) {
|
return new Promise(function(resolve, reject) {
|
if (typeof window === 'object' && 'document' in window) {
|
base64 = base64.split(',')
|
let type = base64[0].match(/:(.*?);/)[1]
|
let str = atob(base64[1])
|
let n = str.length
|
let array = new Uint8Array(n)
|
while (n--) {
|
array[n] = str.charCodeAt(n)
|
}
|
return resolve((window.URL || window.webkitURL).createObjectURL(new Blob([array], {
|
type: type
|
})))
|
}
|
let extName = base64.split(',')[0].match(/data\:\S+\/(\S+);/)
|
if (extName) {
|
extName = extName[1]
|
} else {
|
reject(new Error('base64 error'))
|
}
|
let fileName = getNewFileId() + '.' + extName
|
if (typeof plus === 'object') {
|
let basePath = '_doc'
|
let dirPath = 'uniapp_temp'
|
let filePath = basePath + '/' + dirPath + '/' + fileName
|
if (!biggerThan(plus.os.name === 'Android' ? '1.9.9.80627' : '1.9.9.80472', plus.runtime.innerVersion)) {
|
plus.io.resolveLocalFileSystemURL(basePath, function(entry) {
|
entry.getDirectory(dirPath, {
|
create: true,
|
exclusive: false,
|
}, function(entry) {
|
entry.getFile(fileName, {
|
create: true,
|
exclusive: false,
|
}, function(entry) {
|
entry.createWriter(function(writer) {
|
writer.onwrite = function() {
|
resolve(filePath)
|
}
|
writer.onerror = reject
|
writer.seek(0)
|
writer.writeAsBinary(dataUrlToBase64(base64))
|
}, reject)
|
}, reject)
|
}, reject)
|
}, reject)
|
return
|
}
|
let bitmap = new plus.nativeObj.Bitmap(fileName)
|
bitmap.loadBase64Data(base64, function() {
|
bitmap.save(filePath, {}, function() {
|
bitmap.clear()
|
resolve(filePath)
|
}, function(error) {
|
bitmap.clear()
|
reject(error)
|
})
|
}, function(error) {
|
bitmap.clear()
|
reject(error)
|
})
|
return
|
}
|
if (typeof wx === 'object' && wx.canIUse('getFileSystemManager')) {
|
let filePath = wx.env.USER_DATA_PATH + '/' + fileName
|
wx.getFileSystemManager().writeFile({
|
filePath: filePath,
|
data: dataUrlToBase64(base64),
|
encoding: 'base64',
|
success: function() {
|
resolve(filePath)
|
},
|
fail: function(error) {
|
reject(error)
|
}
|
})
|
return
|
}
|
reject(new Error('not support'))
|
})
|
}
|
|
/**
|
* 本方法为本人自己写的，建议还是使用上述的pathToBase64方法
|
* @description 图片地址转换为base64格式图片
|
* @param {string} url 图片地址 网络地址 本地相对路径
|
* @param {string} type base64图片类型 默认png
|
*/
|
export function urlToBase64(url, type = 'png') {
|
let promises
|
|
// 网络地址 或者h5端本地相对路径 可使用request方式
|
promises = new Promise((resolve, reject) => {
|
uni.request({
|
url: url,
|
method: 'GET',
|
responseType: 'arraybuffer',
|
success: (res) => {
|
const base64 = `data:image/${type};base64,${uni.arrayBufferToBase64(res.data)}`
|
resolve(base64);
|
},
|
fail: (err) => {
|
reject(err);
|
},
|
})
|
})
|
|
// #ifdef APP
|
if (!url.startsWith('http')) {
|
// app真机本地相对路径
|
promises = new Promise((resolve, reject) => {
|
// 使用compressImage获取到安卓本地路径file:///...
|
uni.compressImage({
|
src: url,
|
quality: 100,
|
success: (res) => {
|
const tempUrl = res.tempFilePath
|
plus.io.resolveLocalFileSystemURL(tempUrl, (entry) => {
|
entry.file((e) => {
|
let fileReader = new plus.io.FileReader();
|
fileReader.onload = (r) => {
|
resolve(r.target.result)
|
}
|
fileReader.readAsDataURL(e)
|
})
|
})
|
},
|
fail: (err) => {
|
reject(err);
|
},
|
})
|
})
|
}
|
// #endif
|
|
return promises
|
}
|
