js 使用base64对字符串编码
时间: 2023-12-02 09:05:50 浏览: 28
在 JavaScript 中,你可以使用 `btoa()` 函数将字符串进行 Base64 编码。以下是一个示例代码:
```javascript
// 定义要编码的字符串
const str = 'Hello, World!';
// 使用 btoa() 函数进行 Base64 编码
const encodedStr = btoa(str);
console.log('Encoded String:', encodedStr);
```
在上面的代码中,`btoa()` 函数将字符串 `str` 进行 Base64 编码,并将结果存储在 `encodedStr` 变量中。使用 `console.log()` 打印出编码后的字符串。
请注意,`btoa()` 函数是在浏览器环境中的全局函数,如果你在 Node.js 环境中使用 JavaScript,可以使用第三方库,如 `Buffer` 来进行 Base64 编码。
希望这个示例能够满足你的需求!如果还有其他问题,请随时提问。
相关问题
JS 对图片base64编码字符串进行解码并输出图像
可以使用 JavaScript 的 Image 对象将 base64 编码字符串解码并输出图像。以下是一个简单的示例:
```javascript
// 假设 base64Str 是一个包含图像数据的 base64 编码字符串
const base64Str = "data:image/png;base64,iVBORw0KG...";
// 创建一个 Image 对象
const img = new Image();
// 设置图像的 src 属性为 base64 编码字符串
img.src = base64Str;
// 等待图像加载完成后,在页面上显示图像
img.onload = function() {
document.body.appendChild(img);
}
```
在这个示例中,我们首先创建了一个 Image 对象,然后将其 src 属性设置为包含图像数据的 base64 编码字符串。最后,我们在图像加载完成后将其添加到页面上。
注意,这种方法只适用于较小的图像,因为将大型图像编码为 base64 字符串会导致字符串非常大,可能会导致浏览器崩溃或运行缓慢。对于大型图像,最好使用服务器端脚本将其发送到客户端。
原生js base64转字符串
在原生JavaScript中,可以使用`atob()`函数将Base64编码的字符串转换为普通字符串,使用`btoa()`函数将普通字符串转换为Base64编码的字符串。
1. Base64转字符串:
```javascript
function base64ToString(base64) {
return decodeURIComponent(escape(atob(base64)));
}
var base64String = "SGVsbG8gd29ybGQh";
var result = base64ToString(base64String);
console.log(result); // 输出:Hello world!
```
2. 字符串转Base64:
```javascript
function stringToBase64(str) {
return btoa(unescape(encodeURIComponent(str)));
}
var str = "Hello world!";
var result = stringToBase64(str);
console.log(result); // 输出:SGVsbG8gd29ybGQh
```