OSS图片上传

开发工具与关键技术:IntelliJ IDEA java
作者:木林森
撰写时间:2021年 5 月15 日
OSS是阿里云的一种对象储存服务,使用OSS可以通过网络随时存储和调用包括文本、图片、音频和视频等 在内的各种非结构化数据文件。因为它非常便捷实用,所以在好很多项目开发时都会选择使用OSS来储存上传的文件。
OSS可以创建一个或者多个存储空间,向每个存储空间中添加一个或多个文件,上传的文件可以通过地址分享或下载,可以设置相应的访问权限,在阿里云管理控制台执行基本和高级OSS任务,使用阿里云开发工具包或直接在应用程序中进行RESTful API调用执行基本和高级 OSS任务。
要使用OSS首先要在https://www.aliyun.com/ (官网)申请账号并完成实名认证,然后充值金额(充值金额不限,建议充值1元试用)。完成以上步骤之后就在官网中开通OSS
开通OSS步骤:产品——存储——对象存储OSS——初次打开为开通按钮,点击开通即可,开通后刷新页面就显示为管理控制台
开通完后就创建Bucket储存空间:管理控制台——Bucket 列表——创建 Bucket(填写信息确认即可)
在这里插入图片描述

完成以上步骤就可以进行工程创建了,创建普通mave

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
对于Vue Uniapp项目中的OSS图片上传,你可以使用以下代码实现: ```javascript // 引入OSS上传方法 import { UploadOss } from 'path/to/OSSUtil.js'; // 在需要上传图片的地方调用上传方法 UploadOss(FileBox, OssBox) .then(url => { if (url) { // 上传成功,可以在这里对返回的图片URL进行处理 console.log('上传成功,图片URL为:', url); } else { // 上传失败 console.error('上传失败'); } }) .catch(error => { console.error('上传出错:', error); }); ``` 在上述代码中,`UploadOss`是一个异步方法,通过传入`FileBox`和`OssBox`参数来实现OSS图片上传。具体的上传过程如下: 1. 调用`uni.showLoading`方法显示上传中的加载提示。 2. 使用`uni.uploadFile`方法进行文件上传,其中`url`参数为OSS服务器地址,`filePath`参数为需要上传的文件路径,`fileType`参数为文件类型,这里设置为'image',`name`参数为上传文件的字段名,这里设置为'file'。 3. 在`formData`参数中,设置了OSS所需的各种参数,如`key`、`policy`、`OSSAccessKeyId`、`success_action_status`和`signature`。 4. 上传成功后,使用`uni.hideLoading`方法隐藏加载提示,并将上传成功后的图片URL返回。 5. 上传失败时,也使用`uni.hideLoading`方法隐藏加载提示,并返回`false`表示上传失败。 请注意,上述代码中的`path/to/OSSUtil.js`是一个示例路径,你需要根据实际需求替换为你自己的OSS上传工具文件路径。另外,你还需要根据实际情况修改OSS服务器地址和其他参数。 这样,你就可以在Vue Uniapp项目中实现OSS图片上传了。<span class="em">1</span> #### 引用[.reference_title] - *1* [uniapp OSS直传](https://blog.csdn.net/qq_43784821/article/details/124478961)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_blog_pc_vip","utm_medium":""}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值