<tfoot id='tEiKt'></tfoot>
  • <small id='tEiKt'></small><noframes id='tEiKt'>

  • <i id='tEiKt'><tr id='tEiKt'><dt id='tEiKt'><q id='tEiKt'><span id='tEiKt'><b id='tEiKt'><form id='tEiKt'><ins id='tEiKt'></ins><ul id='tEiKt'></ul><sub id='tEiKt'></sub></form><legend id='tEiKt'></legend><bdo id='tEiKt'><pre id='tEiKt'><center id='tEiKt'></center></pre></bdo></b><th id='tEiKt'></th></span></q></dt></tr></i><div id='tEiKt'><tfoot id='tEiKt'></tfoot><dl id='tEiKt'><fieldset id='tEiKt'></fieldset></dl></div>

      • <bdo id='tEiKt'></bdo><ul id='tEiKt'></ul>
        <legend id='tEiKt'><style id='tEiKt'><dir id='tEiKt'><q id='tEiKt'></q></dir></style></legend>

        如何在 JavaScript 中将文件转换为 base64?

        How to convert file to base64 in JavaScript?(如何在 JavaScript 中将文件转换为 base64?)
          • <i id='P9TVS'><tr id='P9TVS'><dt id='P9TVS'><q id='P9TVS'><span id='P9TVS'><b id='P9TVS'><form id='P9TVS'><ins id='P9TVS'></ins><ul id='P9TVS'></ul><sub id='P9TVS'></sub></form><legend id='P9TVS'></legend><bdo id='P9TVS'><pre id='P9TVS'><center id='P9TVS'></center></pre></bdo></b><th id='P9TVS'></th></span></q></dt></tr></i><div id='P9TVS'><tfoot id='P9TVS'></tfoot><dl id='P9TVS'><fieldset id='P9TVS'></fieldset></dl></div>
              <bdo id='P9TVS'></bdo><ul id='P9TVS'></ul>
                <tbody id='P9TVS'></tbody>

              <small id='P9TVS'></small><noframes id='P9TVS'>

              <legend id='P9TVS'><style id='P9TVS'><dir id='P9TVS'><q id='P9TVS'></q></dir></style></legend>

                <tfoot id='P9TVS'></tfoot>
                • 本文介绍了如何在 JavaScript 中将文件转换为 base64?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  UPDTypeScript 版本也可在答案中找到

                  UPD TypeScript version is also available in answers

                  现在我通过这一行获取 File 对象:

                  Now I'm getting File object by this line:

                  file = document.querySelector('#files > input[type="file"]').files[0]
                  

                  我需要通过base 64中的json发送这个文件.我应该怎么做才能将它转换为base64字符串?

                  I need to send this file via json in base 64. What should I do to convert it to base64 string?

                  推荐答案

                  现代 ES6 方式 (async/await)

                  Modern ES6 way (async/await)

                  const toBase64 = file => new Promise((resolve, reject) => {
                      const reader = new FileReader();
                      reader.readAsDataURL(file);
                      reader.onload = () => resolve(reader.result);
                      reader.onerror = error => reject(error);
                  });
                  
                  async function Main() {
                     const file = document.querySelector('#myfile').files[0];
                     console.log(await toBase64(file));
                  }
                  
                  Main();
                  

                  更新:

                  如果你想捕捉错误

                  async function Main() {
                     const file = document.querySelector('#myfile').files[0];
                     const result = await toBase64(file).catch(e => Error(e));
                     if(result instanceof Error) {
                        console.log('Error: ', result.message);
                        return;
                     }
                     //...
                  }
                  

                  这篇关于如何在 JavaScript 中将文件转换为 base64?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  Fetch multiple links inside foreach loop(在 foreach 循环中获取多个链接)
                  Backbone Fetch Request is OPTIONS method(Backbone Fetch Request 是 OPTIONS 方法)
                  Fetch API leaks memory in Chrome(Fetch API 在 Chrome 中泄漏内存)
                  How can I download and save a file using the Fetch API? (Node.js)(如何使用 Fetch API 下载和保存文件?(Node.js))
                  Send blob data to node using fetch, multer, express(使用 fetch、multer、express 将 blob 数据发送到节点)
                  Sending a custom User-Agent string along with my headers (fetch)(发送自定义用户代理字符串以及我的标头(获取))

                  • <small id='eRPSz'></small><noframes id='eRPSz'>

                      <tbody id='eRPSz'></tbody>

                      • <bdo id='eRPSz'></bdo><ul id='eRPSz'></ul>
                        <tfoot id='eRPSz'></tfoot>
                        <legend id='eRPSz'><style id='eRPSz'><dir id='eRPSz'><q id='eRPSz'></q></dir></style></legend>
                        1. <i id='eRPSz'><tr id='eRPSz'><dt id='eRPSz'><q id='eRPSz'><span id='eRPSz'><b id='eRPSz'><form id='eRPSz'><ins id='eRPSz'></ins><ul id='eRPSz'></ul><sub id='eRPSz'></sub></form><legend id='eRPSz'></legend><bdo id='eRPSz'><pre id='eRPSz'><center id='eRPSz'></center></pre></bdo></b><th id='eRPSz'></th></span></q></dt></tr></i><div id='eRPSz'><tfoot id='eRPSz'></tfoot><dl id='eRPSz'><fieldset id='eRPSz'></fieldset></dl></div>