64ToPath(res.data.data.poster)
.then(path => {})
.catch(error => {
console.error(error)
文章目录uni 适配多端 本地
图片转base64 函数多端
转换统一函数使用h5本地
图片转base64app本地
图片转base64微信小程序本地
图片转base64
uni 适配多端 本地
图片转base64 函数
多端
转换统一函数
function to
Base64() {
return new Promise((succeed,failure) => {
uni.chooseImage({
count: 1, //默认9
sizeType: ['compressed'],
uniapp可通过此方法对本地路径 如: …/…/static/img/01.png 或者网络路径图片转为base64
urlTobase64(url) {
var toBase64Url;
uni.request({
url: url,
method: 'GET',
responseType: 'arraybuffer',
success: async res => {
let base64 = wx.arrayBufferToBase64(res.data); //把arrayb
当使用plus.gallery.pick选取文件的时候其实返回给我们的是一个本地文件URL路径。但是在使用的时候
有的时候是需要一个文件对象,比如当把一个本地图片转换为base字符串的时候就出现了这个问题:
核心代码如下:
* 本地图片的绝对路径地址 转换成base64编码 如下代码:
function getBase64Images(l...
1. 在七牛云上创建一个存储空间,并获取该空间的Access Key和Secret Key。
2. 安装
uni-app的官方插件uni-upload,并在项目根目录下的vue.config.js中进行配置,添加以下代码:
const qiniuUploader = require('uniapp-qiniu-sdk');
const qiniuOptions = {
region: 'your region', // 七牛云存储区域
uptokenURL: 'your uptokenURL', // 服务端提供获取上传凭证的接口
domain: 'your domain', // 七牛云存储空间绑定的域名
module.exports = {
configureWebpack: {
plugins: [
apply: (compiler) => {
compiler.hooks.afterEmit.tapPromise('afterEmit', (compilation) => {
return new Promise((resolve, reject) => {
qiniuUploader.upload(compilation.assets['your upload file name'].existsAt, 'your key', qiniuOptions, (res) => {
console.log(res);
resolve();
}, (error) => {
console.log(error);
reject();
3. 在需要上传
图片的页面中,添加以下代码:
<template>
<input type="file" @change="upload">
</view>
</template>
<script>
export default {
methods: {
upload(event) {
const file = event.target.files[0];
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => {
const
base64Img = reader.result;
qiniuUploader.upload(
base64Img, (res) => {
console.log(res);
}, (error) => {
console.log(error);
</script>
其中,首先使用FileReader将本地
图片转换为
base64格式,然后调用qiniuUploader.upload函数上传
图片。
以上就是在
uni-app中上传本地
图片到七牛云的基本步骤,具体使用细节可以根据实际情况进行调整。