需求
代码
<div class="f2-sub_btn">
<van-button type="primary" block>
<span>开始录制视频</span>
<input
type="file"
accept="video/*"
class="inputvideo"
@change="change($event)"
capture="camcorder"
/>
</van-button>
</div>
//上传
change(event) {
let file = event.target.files[0];
let videoBase;
//对录制的视频限制大小
if (file.size > 1588608) {
Toast({
message: "录制视频时间过长",
position: "middle",
duration: 1500,
});
return;
} else if (file.size < 211057) {
Toast({
message: "录制视频时间太短",
position: "middle",
duration: 1500,
});
return;
}
let reader = new FileReader();
let that = this;
reader.readAsDataURL(file);
reader.onload = function () {
if (reader.result) {
Toast.loading({
message: "提交中...",
forbidClick: true,
duration: 0,
});
videoBase = reader.result;
//请求后端,传递数据
console.log(videoBase);
that.post("/personal/vivoDetection", {
videoStr: videoBase,
sfzmocrplatsrl: that.sfzmocrplatsrl,
}).then((res) => {
Toast.clear();
that.$router.replace("/sign");
});
} else {
alter("视频录制异常");
}
};
},