云计算、AI、云原生、大数据等一站式技术学习平台

网站首页 > 教程文章 正文

uniapp 上传阿里云oss uniapp上传图片到服务器失败

jxf315 2024-12-22 19:02:47 教程文章 58 ℃

要在Uniapp项目中将文件上传到阿里云OSS,可以按照以下步骤进行操作:
在项目目录中运行以下命令安装ali-oss包:


1.npm install ali-oss --save

2.在项目的utils目录中创建一个新的JavaScript文件,例如oss.js。

3.在oss.js文件中,导入ali-oss包,并创建一个函数来将文件上传到OSS。以下是一个示例实现:

import OSS from 'ali-oss';

// 初始化OSS客户端
const client = new OSS({
region: '你的OSS区域',
accessKeyId: '你的Access Key ID',
accessKeySecret: '你的Access Key Secret',
bucket: '你的Bucket名称',
});

// 上传文件到OSS的函数
export function uploadFileToOSS(file) {
return new Promise((resolve, reject) => {
// 生成唯一的文件名
const fileName = `${Date.now()}_${file.name}`;

// 将文件上传到OSS
client
.put(fileName, file)
.then((result) => {
// 以上传的文件URL解析
resolve(result.url);
})
.catch((error) => {
// 上传过程中出错
reject(error.message);
});
});
}

import OSS from 'ali-oss';


// 初始化OSS客户端
const client = new OSS({
region: '你的OSS区域',
accessKeyId: '你的Access Key ID',
accessKeySecret: '你的Access Key Secret',
bucket: '你的Bucket名称',
});

// 上传文件到OSS的函数
export function uploadFileToOSS(file) {
return new Promise((resolve, reject) => {
// 生成唯一的文件名
const fileName = `${Date.now()}_${file.name}`;

// 将文件上传到OSS
client
.put(fileName, file)
.then((result) => {
// 以上传的文件URL解析
resolve(result.url);
})
.catch((error) => {
// 上传过程中出错
reject(error.message);
});
});
}

最近发表
标签列表