js base64转文件
时间: 2023-06-04 17:04:05 浏览: 315
可以使用以下代码将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转文件流
将Base64字符串转为文件流可以通过以下步骤实现:
1. 将Base64字符串解码为二进制数据,可以使用`atob()`函数。
2. 创建一个Blob对象,将二进制数据传入其中。
3. 创建一个URL对象,使用`URL.createObjectURL()`函数将Blob对象转为URL。
4. 创建一个FileReader对象,使用`readAsArrayBuffer()`函数读取URL对象。
5. 在FileReader对象的`onloadend`事件中获取文件流。
以下是示例代码:
```javascript
function base64ToBlob(base64) {
const binaryStr = atob(base64);
const len = binaryStr.length;
const bytes = new Uint8Array(len);
for (let i = 0; i < len; i++) {
bytes[i] = binaryStr.charCodeAt(i);
}
return new Blob([bytes]);
}
function base64ToFileStream(base64) {
const blob = base64ToBlob(base64);
const url = URL.createObjectURL(blob);
const reader = new FileReader();
reader.readAsArrayBuffer(blob);
reader.onloadend = function() {
const fileStream = new ReadableStream({
start(controller) {
controller.enqueue(reader.result);
controller.close();
}
});
// do something with fileStream
};
}
```
在上面的示例代码中,`base64ToBlob()`函数将Base64字符串解码为Blob对象,`base64ToFileStream()`函数将Blob对象转为文件流。最终的文件流在`fileStream`变量中,可以根据需求进行后续处理。
前台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);
```
阅读全文