javascript - 使用 ionic 4 中的 FormData 将捕获视频上传到服务器
问题描述
我已经成功地从我的 android 设备上捕获了视频记录,但无法使用 formData 将其上传到服务器,也无法以 html 格式显示视频。下面是我的代码:
视频.ts
captureVideo() {
let options: CaptureVideoOptions = {
limit: 1,
// duration: 30,
};
this.mediaCapture.captureVideo(options).then(
(res: MediaFile[]) => {
let capturedFile = res[0];
this.readVideoFile(capturedFile);
},
(err: CaptureError) => console.error(err)
);
}
readVideoFile(file: any) {
//console.log('inside readVideo', file);
var movVideo = {
uri: file['localURL'].split('/'),
type: 'video/mp4',
name: file.name,
size: file.size,
};
var imageBlob = new Blob([file], movVideo);
const formData = new FormData();
formData.append('file', imageBlob, file.name);
//console.log('FORM DATA 515 ---->', formData.getAll('data'));
this.upload.captureFileUpload(formData).subscribe(
(res) => {
// Store the token value in local storage for future use.
//console.log('------------captureImageFileUpload resp--------', res);
},
(err) => {
//console.log('------------captureImageFileUpload err--------', err);
}
);
}
视频.html
<ion-icon
name="videocam"
class="send"
slot="end"
(click)="captureVideo()"
*ngIf="!isDesktop"
></ion-icon>
<video controls class="chat-video">
<source src="{{attachment_file_path}}?name={{attachValue.fileName}}" type="{{attachValue.mimeType}}"/>
Your browser does not support HTML video.
</video>
任何帮助非常感谢
解决方案
推荐阅读
- r - 在尊重可变对比度编码的同时,如何使用 anova() 对 lm 和 lmer 对象进行显着性测试?
- python - Python 字典 - 如何将多个值作为字符串返回
- arrays - 无法获得每个学生的姓名和年龄。相反,我得到了奇怪的字符和年龄 = 0?
- python - 如何使用 df.column.str.contains() 获得与下面代码相同的结果?
- questdb - questdb: 插入数据时经常显示Table Busy
- javascript - 将带逗号的输入数字转换为数字以执行计算,然后用逗号返回输出?
- java - 片段内的片段不能与 ScrollView 一起使用
- javascript - 尝试编写一个显示我的我的世界服务器状态的不和谐机器人,但机器人没有响应命令,即使出现错误
- pytorch - 如何获得与系统 cuda 版本相同的 conda cuda 版本?
- flutter - Flutter垂直滑动并避免滚动Listview