更新记录
1.0.1(2024-12-23) 下载此版本
需要手动引入 import{pathToBase64All,base64ToFileWeb} from"@/uni_modules/sevenq-FileBase64Inversion/js_sdk/sevenq-FileBase64Inversion.js"
1.0.0(2024-12-23) 下载此版本
sevenq-FileBase64Inversion 旨在为开发者提供便捷的方法,以便在常见场景下实现Base64编码字符串与文件对象之间的相互转换。
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
sevenq-FileBase64Inversion
sevenq-FileBase64Inversion 旨在为开发者提供便捷的方法,以便在常见场景下实现Base64编码字符串与文件对象之间的相互转换。
1、本地临时路径转为base64编码 ------ 使用说明(支持APP、微信小程序以及H5端)
调用函数 pathToBase64All()
入参说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
path | String | null | 必填。文件的本地路径。例如,通过调用 uni.chooseImage() 官方API返回的本地临时文件路径。 |
returnCallBack 参数说明
returnCallBack 是一个Promise()函数,它在文件转换操作完成后被调用,并返回转换结果。
调用示例
const testBase64 = pathToBase64All(tempImagePath);
testBase64.then((base64String) => {
console.log(base64String,'打印出来的base64String')
});
2、base64编码转为文件流 ------ 使用说明 (此方法目前仅支持web端)
*** 注意:仅支持web端 转为文件流file格式(如果小程序端图像转base64可参考现在插件市场已有插件)image-tools
调用函数 base64ToFileWeb()
入参说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
base64String | String | null | 必填,base64编码文件。 |
fileName | String | 文件 | 选填,文件名称。 |
mimeType | String | image/jpeg | 选填,文件类型。 |
returnCallBack 参数说明
returnCallBack 返回一个file标准格式对象,可用于文件的上传。
调用示例
const fileImg = base64ToFileWeb(base64);
uni.uploadFile({
url: '/api/sysFileInfo/upload',
file: fileImg,
formData: {
'secretFlag': 'N'
},
header: {
"authorization": ''
},
success: (uploadFileRes) => {
console.log('上传成功:',uploadFileRes);
},
fail: (error) => {
console.error('上传失败:', error);
}
});