js 实现将网络媒体资源url转为二进制数据并上传到数据库

59 阅读 0 评论 39 点赞

我是靠谱客的博主朴实发卡，最近开发中收集的这篇文章主要介绍js 实现将网络媒体资源url转为二进制数据并上传到数据库，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

首先说一下什么是binary
binary 二进制数据通常用0和1来表示
Blob
Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取表示「二进制大对象」
FormData
FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式它会使用和表单一样的格式可以通过append方法添加对象可以用来上传二进制数据

如何实现

首先将媒体url转为二进制数据
通过formdata上传数据

axios({
method: 'get',
url: '视频的url',
responseType: 'blob' // 因为我们想要的是blob格式的二进制数据 所以responseType这么设置
})
.then(async res => {
const formData = new FormData()
formData.append('video',
res.data)
axios({
url: `上传视频的api`,
method: 'post',
data: formData
})
.then(res => {
console.log('上传成功')
})