vue中将base64图片转file文件格式
时间: 2023-11-27 09:05:18 浏览: 636
Drawing.vue 手写签名,base64 转文件, 并上传图片
在Vue中将base64图片转为file文件格式可以通过以下步骤实现:
1. 首先将base64图片转为Blob对象,可以使用以下代码:
```javascript
function dataURLtoBlob(dataurl) {
var arr = dataurl.split(','),
mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]),
n = bstr.length,
u8arr = new Uint8Array(n);
while(n--){
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {type:mime});
}
```
2. 然后将Blob对象转为File对象,可以使用以下代码:
```javascript
function blobToFile(theBlob, fileName){
theBlob.lastModifiedDate = new Date();
theBlob.name = fileName;
return theBlob;
}
```
3. 最后将File对象上传到服务器或者进行其他操作,可以使用以下代码:
```javascript
const file = blobToFile(dataURLtoBlob(base64Data), 'filename.jpg');
// 进行上传或其他操作
```
阅读全文