通过ali-oss在vue，微信小程序中上传文件/图片

dengzeyuan

于 2020-03-24 20:13:40 发布

阅读量1.5k

点赞数 1

分类专栏： vue 文章标签： vue.js javascript 前端阿里云小程序

本文链接：https://blog.youkuaiyun.com/dengzeyuan/article/details/105077304

版权

本文介绍了如何在Vue项目和微信小程序中使用ali-oss库进行文件上传。在Vue中，首先通过npm安装ali-oss，然后引入并实例化OSS，设置上传路径。在微信小程序中，需要处理签名等细节，具体操作可参照阿里云官方文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在vue中

一、安装

npm install ali-oss --save

二、引入

import OSS from 'ali-oss'

三、实例化OSS：

默认上传根路径为 bucket表示的目录

let ossClient = new OSS({
      region: "oss-cn-xxxxxxx",
      accessKeyId: "xxxxxxxxxxxxxxxx",
      accessKeySecret: "xxxxxxxxxxxxxxxx",
      bucket: "xx-xxxxxxxx"
  });

四、在定义上传方法：

在上传文件之前添加路径

/operationsystem/test/upload/image/chainadmin/+file.name

在oss客户端上可以看到，表示将文件上传到指定的目录下。

function uploadoss(callback, { file }) {
  let ossClient = new OSS({
    region: "xxxxxxxxx",
    accessKeyId: "xxxxxxxxxxxxxxxx",
    accessKeySecret: "xxxxxxxxxxxxxxxxxxxxxx",
    bucket: "xxxxxxxxxxxx"
  });
  let path = &

最低0.47元/天解锁文章