您的位置:首页 > 新闻 > 热点要闻 > 微信代理运营_国外网页设计_独立站seo外链平台_黄石市seo关键词优化怎么做

微信代理运营_国外网页设计_独立站seo外链平台_黄石市seo关键词优化怎么做

2025/2/25 3:37:50 来源:https://blog.csdn.net/weixin_44590591/article/details/145546613  浏览:    关键词:微信代理运营_国外网页设计_独立站seo外链平台_黄石市seo关键词优化怎么做
微信代理运营_国外网页设计_独立站seo外链平台_黄石市seo关键词优化怎么做

在开发小程序时,文件上传是一个常见的需求。阿里云OSS(Object Storage Service)是一个强大的云存储服务,可以帮助我们高效地存储和管理文件。本文将介绍如何在Uniapp小程序中使用阿里云OSS插件实现文件上传功能。

1. 准备工作

首先,我们需要在Uniapp项目中引入阿里云OSS插件。插件的地址为:https://ext.dcloud.net.cn/plugin?id=5416。在HBuilderX中打开项目,找到manifest.json文件,在App原生插件配置中勾选该插件。

2. 初始化OSS插件

在使用OSS插件之前,我们需要对其进行初始化。初始化时需要配置STS服务器地址、OSS的Endpoint以及本地文档路径。以下是一个初始化的示例代码:

var oss = uni.requireNativePlugin("MZ-AliyunOss");init() {var self = this;oss.init({stsServer: 'https://xxx.xxx.com/api/createVideo/ossToken', // STS服务器地址endPoint: "https://oss-cn-shanghai.aliyuncs.com", // OSS的EndpointdocPath: plus.io.convertLocalFileSystemURL("_doc"), // 本地文档路径}, ret => {console.log("---------------------------ret", ret) });
},

在初始化时,stsServer是获取临时凭证的服务器地址,endPoint是OSS服务的访问地址,docPath是本地文件的存储路径。

3. 上传文件

初始化完成后,我们可以使用OSS插件上传文件。以下是一个上传视频文件的示例代码:

recordVideo() {let that = this;uni.chooseVideo({sourceType: ["camera", "album"], // 从相机拍摄或相册选择compressed: false, // 不压缩视频maxDuration: this.selData.subVideoLen, // 限制拍摄时长camera: "back", // 使用后置摄像头success: (res) => {console.log("拍摄成功", res);uni.showLoading({title: "上传中...",mask: true, // 遮罩层,防止用户操作});let pathArr = res.tempFilePath.split("/");let fileName = pathArr[pathArr.length - 1];let fileExt = fileName.split(".")[1];let videoName = fileName.split(".")[0] + "." + fileExt;let videopath = plus.io.convertLocalFileSystemURL(res.tempFilePath);oss.setUploadObjectListener({}, ret => {console.log(ret); if(ret.eventType=='onSuccess'){let awemeUrl = "https://xxx.oss-cn-shanghai.aliyuncs.com/dzjz/" + videoName;console.log("上传成功,文件地址:", awemeUrl);} });oss.uploadObject({bucket: 'xxx', // OSS的Bucket名称key: 'dzjz/'+videoName, // 文件在OSS中的存储路径path: videopath // 本地文件路径}, ret => { console.log("上传结果:", ret);}); },fail: (err) => {console.error("拍摄失败", err.errMsg);},});
},

上传失败回调

在这里插入图片描述

在上传文件时,我们首先使用uni.chooseVideo方法选择或拍摄视频文件。然后,通过oss.uploadObject方法将文件上传到OSS。上传过程中,可以通过oss.setUploadObjectListener监听上传状态,当上传成功时,可以获取到文件的访问地址。

4. 总结

通过以上步骤,我们可以在Uniapp小程序中轻松实现文件上传功能。阿里云OSS插件提供了简单易用的API,使得文件上传变得非常方便。希望本文对你有所帮助,如果有任何问题,欢迎在评论区留言讨论。

注意:在实际使用中,请将代码中的xxx替换为实际的OSS配置信息,如Bucket名称、STS服务器地址等。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com