音频文件是日常常见的文件或格式类型之一，关于音频文件的使用在音乐类音频为主的小程序或app等中居多。

本篇就来介绍基于uni-app如何封装方法实现上传音频文件

一、在utils文件夹中创建utils.js文件

export function voiceUpload(callback){
	wx.chooseMessageFile({
		count: 1, //默认100
	  	extension:['.mp3','.wav'],
		success: function (res) {
			console.log("res",res)
			uni.uploadFile({
				url: '音频上传接口',
				filePath:res.tempFiles[0]['path'],
				name: 'file',
				header:{
					//'shopId': '',
					//'guardName':''
				},
				success: (uploadFileRes) => {
					uploadFileRes = JSON.parse(uploadFileRes.data)
					console.log("uploadFileRes",uploadFileRes)
					callback(uploadFileRes.data)
				},
				fail: (res) => {
					console.log(res, '失败');
				}
			});
		}
	});
}

extension支持上传类型

    mp3：后缀为mp3格式音频文件

    wav：后缀为wav格式音频文件

二、main.js中配置全局方法

import * as util from '@/utils/utils.js'
Vue.prototype.$util = util

三、单页面中调用voiceUpload上传音频

<template>
	<view @click="uploadVoice">点击批量上传单图</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		methods:{
			uploadVoice(){
				this.$util.voiceUpload((res)=>{
					//打印上传结果
					console.log(res)
				})
			}
		}
	}
</script>

在本站搜索相关封装方法，关键词如下：

uni-app封装方法实现上传微信头像完整代码

uni-app如何实现封装方法上传单张图片完整代码

uni-app中实现多图批量上传方法封装完整代码