MP4视频流base64数据转成Blob对象
网上一大堆对图片base64转Blob、File的方法 很少有视频mp4转的，可能是因为原理相同的原因吧！
但在项目中针对视频流base64转Blob对象时，花了好长时间才成功，特专门记录一下！
APP中通过录像或者从手机中选择视频的方式，取出了视频流的base64数据，用网上常见的方式进行转化，却一直不成功，究其原因是，通常的base64转Blob对象方法，都需要带有前缀标识的base64。
例如：
图片的：
data:image/jpeg:base64,——
视频的：
data:video/mp4;base64,—-
而项目中插件返回的是纯base64,不带前缀，所以需要对方法进行特殊处理。
首先是常见的转换方法：
1 function dataURLtoBlob(dataurl) { 2 var arr = dataurl.split(','); 3 var mime = arr[0].match(/:(.*?);/)[1]; 4 // 结果： image/png 5 console.log("arr[0]====" + JSON.stringify(arr[0])); 6 // "data:image/png;base64" 7 console.log("arr[0].match(/:(.*?);/)====" + arr[0].match(/:(.*?);/)); 8 // :image/png;,image/png 9 console.log("arr[0].match(/:(.*?);/)[1]====" + arr[0].match(/:(.*?);/)[1]); 10 // image/png 11 var bstr = atob(arr[1].replace(/\s/g, '')); 12 var n = bstr.length; 13 var u8arr = new Uint8Array(n); 14 while (n--) { 15 u8arr[n] = bstr.charCodeAt(n); 16 } 17 return new Blob([u8arr], { 18 type : mime 19 }); 20 }
针对只有纯base64数据修改后的方法：
function dataURLtoBlob2(dataurl) { var arr = dataurl; var bstr = atob(arr.replace(/\s/g, '')); var n = bstr.length; var u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } return new Blob([u8arr], { type : 'video/mp4' }); }
相关参考：
