uniapp调用七牛云api实现文件上传

1.获取七牛云请求地址

     //先下载包
    npm install qiniu-js
	import * as qiniu from 'qiniu-js'
	//通过七牛云内置方法获取七牛云请求地址
	const url = await qiniu.getUploadUrl(config, token)
    console.log(url, "getUploadUrl");

2.七牛云上传方法

	//上传七牛云
	const customerUpload = async (request) => {
		const {
			file
		} = request;
		console.log(request, "request");
		let token = tokens.value;
		let key = '5uFEh7xzdQCuhLaYu0O8WS162Zieqm0' + Date.now();
		return new Promise((resolve, reject) => {
			uni.uploadFile({
				url: '七牛云请求地址', //可以引入
				filePath: request.url,
				name: 'file',
				formData: {
					'key': key, // 存到七牛云后的文件名字,访问图片会用到
					'token': token, // token,需要动态获取,调用服务端接口获取
				},
				// 存成功后的回调
				success: (uploadFileRes) => {
					console.log(uploadFileRes, "uploadFileRes");
					let key = JSON.parse(uploadFileRes.data).key;
					console.log(key, "key")
					resolve('七牛云链接地址' + key)
				},
				fail: (err) => {
					console.log('上传失败了', err);
					reject(error)
				}
			});
		})


	}
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值