js base64转文件
时间: 2023-06-04 13:04:05 浏览: 233
可以使用以下代码将base64字符串转换为文件:
```javascript
function base64ToFile(base64Str, fileName) {
const link = document.createElement('a');
link.download = fileName;
link.href = base64Str;
link.click();
}
base64ToFile('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAk',//base64字符串,可以从其他地方获取
'myImage.jpg');//文件名,可自定义
```
注意:这里的base64字符串是以dataURI格式开始的。如果是纯粹的base64字符串,需要使用Blob对象和FileReader对象将其转换为文件。
相关问题
前台js base64 下载文件
在前台使用js进行base64格式的文件下载,可以通过以下步骤实现:
1.将base64格式的文件转换为Blob对象。
```javascript
function base64ToBlob(base64Data, contentType) {
contentType = contentType || '';
var sliceSize = 1024;
var byteCharacters = atob(base64Data);
var bytesLength = byteCharacters.length;
var slicesCount = Math.ceil(bytesLength / sliceSize);
var byteArrays = new Array(slicesCount);
for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
var begin = sliceIndex * sliceSize;
var end = Math.min(begin + sliceSize, bytesLength);
var bytes = new Array(end - begin);
for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
bytes[i] = byteCharacters[offset].charCodeAt(0);
}
byteArrays[sliceIndex] = new Uint8Array(bytes);
}
return new Blob(byteArrays, { type: contentType });
}
```
2.将Blob对象转换为URL。
```javascript
function blobToUrl(blob) {
return URL.createObjectURL(blob);
}
```
3.创建a标签并设置下载属性,将URL赋值给a标签的href属性,然后模拟点击a标签进行下载。
```javascript
function downloadFile(url, fileName) {
var a = document.createElement('a');
a.href = url;
a.download = fileName;
a.click();
}
```
综上所述,可以通过以下代码实现前台js进行base64格式的文件下载:
```javascript
var base64Data = '...'; // base64格式的文件数据
var contentType = 'image/png'; // 文件类型
var fileName = 'example.png'; // 文件名
var blob = base64ToBlob(base64Data, contentType);
var url = blobToUrl(blob);
downloadFile(url, fileName);
```
js base64转文件流
你可以使用Blob和FileReader API来实现JS base64转文件流的操作。以下是一个例子:
```javascript
function base64ToFile(base64String, fileName) {
var byteString = atob(base64String.split(',')[1]);
var ab = new ArrayBuffer(byteString.length);
var ia = new Uint8Array(ab);
for (var i = 0; i < byteString.length; i++) {
ia[i] = byteString.charCodeAt(i);
}
var blob = new Blob([ab], { type: 'application/octet-stream' });
var file = new File([blob], fileName, { type: 'application/octet-stream' });
return file;
}
function base64ToBlob(base64String) {
var byteString = atob(base64String.split(',')[1]);
var ab = new ArrayBuffer(byteString.length);
var ia = new Uint8Array(ab);
for (var i = 0; i < byteString.length; i++) {
ia[i] = byteString.charCodeAt(i);
}
var blob = new Blob([ab], { type: 'application/octet-stream' });
return blob;
}
```
使用方法:
```javascript
var base64String = 'data:image/png;base64,iVBORw0KGg...';
var fileName = 'example.png';
// 转换为文件
var file = base64ToFile(base64String, fileName);
// 转换为 Blob
var blob = base64ToBlob(base64String);
```
其中,base64String 是 base64 编码的字符串,fileName 是文件名。base64ToFile 函数将 base64 编码的字符串转换为一个 File 对象,base64ToBlob 函数将 base64 编码的字符串转换为一个 Blob 对象。