21xrx.com
2024-11-22 13:54:24 Friday
登录
文章检索 我的文章 写文章
用JavaScript将图片转成Base64并上传到百度网盘
2023-06-14 20:36:34 深夜i     --     --
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);

});

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复