21xrx.com
2025-03-29 03:38:05 Saturday
文章检索 我的文章 写文章
用JavaScript将图片转成Base64并上传到百度网盘
2023-06-14 20:36:34 深夜i     8     0
JavaScript Base64 百度网盘

JavaScript作为一门强大的脚本语言,不仅可以运行在浏览器端,还可以运行在Node.js服务器端。在前端开发中,常常需要使用图片和其他二进制数据,而将这些数据上传到服务器时,通常需要将其转换为Base64格式。而现在,我们将介绍如何用JavaScript将图片转成Base64并上传到百度网盘。

示例代码:

// 读取文件
const readImg = file => {
 return new Promise((resolve, reject) => {
  const reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onload = () => {
   resolve(reader.result);
  };
  reader.onerror = reject;
 });
};
// 上传文件
const uploadImg = dataURL => {
 return new Promise((resolve, reject) => {
  // 此处省略百度网盘API相关代码
  // ...
  // 上传成功后返回文件地址
  resolve(fileUrl);
 });
};
// 将图片文件转成Base64,并上传到百度网盘
const handleUpload = async file => {
 try {
  const dataURL = await readImg(file);
  const fileUrl = await uploadImg(dataURL);
  console.log('文件地址:', fileUrl);
 } catch (error) {
  console.error(error);
 }
};
// 监听文件上传事件
const inputFile = document.querySelector('#input-file');
inputFile.addEventListener('change', event => {
 const file = event.target.files[0];
 handleUpload(file);
});

  
  

评论区