vueelement中的upload组件上传图片到阿里云服务器案例

最新推荐文章于 2025-05-19 11:35:48 发布

瘦瘦的小芝芝

最新推荐文章于 2025-05-19 11:35:48 发布

阅读量5.9k

点赞数

本文介绍如何在项目中使用阿里云OSS存储服务，包括安装依赖、封装客户端以及在页面上实现文件上传功能。通过示例代码展示了如何配置OSS客户端并将其应用于前端上传组件。

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

1、首先安装依赖

cnpm install ali-oss

2、封装client

var OSS = require('ali-oss').Wrapper
export function client(data) {
  var client = new OSS({
    region: '',
    accessKeyId: '',
    accessKeySecret: '',
    bucket: ''
  })  //后端提供数据
  return client
}

作者：简小咖
链接：https://www.jianshu.com/p/bbffa85d68d7
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

3、页面使用

<el-upload :http-request="Upload" :multiple="true" 
:show-file-list="false" action="">
 <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

作者：简小咖
链接：https://www.jianshu.com/p/bbffa85d68d7
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。