小程序上传音频失败_小程序采集录音并上传到后台

本文实例为大家分享了小程序录音上传的具体代码，供大家参考，具体内容如下

demo.wxml

录音开始(mp3)

录音结束

播放录音

播放录音

demo.wxss

view{

padding: 15px;

}

demo.js

// pages/newMusic/index.js

const recorderManager = wx.getRecorderManager();

Page({

data: {

},

/**

* 提示

*/

tip: function (msg) {

wx.showModal({

title: '提示',

content: msg,

showCancel: false

})

}

/**

* 录制mp3音频

*/

, startRecordMp3: function () {

recorderManager.start({

format: 'mp3'

});

}

/**

* 停止录音

*/

, stopRecord: function () {

recorderManager.stop()

}

/**

* 播放录音

*/

, playRecord: function () {

var that = this;

var src = this.data.src;

if (src == '') {

this.tip("请先录音！")

return;

}

this.innerAudioContext.src = this.data.src;

this.innerAudioContext.play()

},

onLoad: function (options) {

var that = this;

recorderManager.onError(function () {

that.tip("录音失败！")

});

recorderManager.onStop(function (res) {

that.setData({

src: res.tempFilePath

})

console.log(res.tempFilePath)

that.tip("录音完成！")

});

this.innerAudioContext = wx.createInnerAudioContext();

this.innerAudioContext.onError((res) => {

that.tip("播放录音失败！")

})

}

})

java后台接收

package com.azor.controller;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.HashMap;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.apache.commons.codec.binary.Base64;

import org.apache.commons.lang.StringUtils;

import org.slf4j.LoggerFactory;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.core.env.Environment;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.multipart.MultipartFile;

import org.springframework.web.multipart.MultipartHttpServletRequest;

import com.azor.utils.HttpAPIService;

import ch.qos.logback.classic.Logger;

import net.sf.json.JSONObject;

@RestController

@RequestMapping("/base_voice")

public class BaseController {

private static final Logger logger = (Logger) LoggerFactory.getLogger(BaseController.class);

private static String lineSeparator = System.getProperty("line.separator");

@Autowired

protected Environment env;

@Autowired

protected HttpAPIService httpAPIService;

/** 上传文件保存路径 */

private final String FILE_SAVE_PATH = "D:/photo/jac_hr_miniprogram_file/";

/** 主业务数据Map */

protected Map dataMap = new HashMap<>();

/** HTTP POST 请求Map */

protected Map postMap = new HashMap<>();

@RequestMapping("/file_upload")

public void saveFile(HttpServletRequest request, String url) throws Exception {

logger.info("文件上传开始" + lineSeparator);

// 1.获取从前台传过来得图片

MultipartHttpServletRequest req = (MultipartHttpServletRequest) request;

MultipartFile multipartFile = req.getFile("file");

// 2.获得文件扩展名

String extOfFile = getExtOfFile(multipartFile);

// 3.保存到本地

BufferedOutputStream bos = null;

String filename = null;

try {

File dir = new File(file_save_path);

if (!dir.exists()) {// 判断文件目录是否存在

dir.mkdirs();

}

filename = new SimpleDateFormat("yyyyMMddHHmmss").format(new Date()) + (int) (Math.random() * 1000) + "."

+ extOfFile;

bos = new BufferedOutputStream(new FileOutputStream(file_save_path + filename));

bos.write(multipartFile.getBytes());

} catch (Exception e) {

e.printStackTrace();

} finally {

if (bos != null) {

try {

bos.close();

} catch (IOException e) {

e.printStackTrace();

}

}

}

}

public String getExtOfFile(MultipartFile multipartFile) {

// 获取文件的 名称.扩展名

String oldName = multipartFile.getOriginalFilename();

String extensionName = "";

// 获取原来的扩展名

if ((oldName != null) && (oldName.length() > 0)) {

int dot = oldName.lastIndexOf('.');

if ((dot > -1) && (dot < (oldName.length() - 1))) {

extensionName = oldName.substring(dot+1);

}

}

return extensionName;

}

}

效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。