图片/视频上传转成base64/blob格式

项目中经常会用到上传图片/视频的地方,比如上传头像,上传商品图片、证件图片、小视频等等,我们需要将图片转为 base64后再提交给后台,然后后台再将base64转成图片后进行保存,这里是基于vue+vux来写的,H5实现的基本逻辑也是一样的,样式部分省略。

一、图片上传

1、html部分

2.js部分 

2.1转化为base64格式

打印出来的base64图片地址如下图所示,将该图片通过接口提交给后台即可 

图片/视频上传转成base64/blob格式_第1张图片

2.2转为blob格式

打印出来的blob格式图片地址如下图所示 

二、视频上传

1、html部分

2.js部分 

2.1转为base64格式

打印出来的base64视频地址如下图所示,将该图片通过接口提交给后台即可 

图片/视频上传转成base64/blob格式_第2张图片

 

2.2转为blob格式 

打印出来的blob视频地址如下图所示:

你可能感兴趣的:(前端开发)