<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?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

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

                  相关文档推荐

                  在开发JS过程中,会经常遇到两个小数相运算的情况,但是运算结果却与预期不同,调试一下发现计算结果竟然有那么长一串尾巴。如下图所示: 产生原因: JavaScript对小数运算会先转成二进制,运算完毕再转回十进制,过程中会有丢失,不过不是所有的小数间运算会
                  问题描述: 在javascript中引用js代码,然后导致反斜杠丢失,发现字符串中的所有\信息丢失。比如在js中引用input type=text onkeyup=value=value.replace(/[^\d]/g,) ,结果导致正则表达式中的\丢失。 问题原因: 该字符串含有\,javascript对字符串进行了转
                  Rails/Javascript: How to inject rails variables into (very) simple javascript(Rails/Javascript:如何将 rails 变量注入(非常)简单的 javascript)
                  CoffeeScript always returns in anonymous function(CoffeeScript 总是以匿名函数返回)
                  Ordinals in words javascript(javascript中的序数)
                  getFullYear returns year before on first day of year(getFullYear 在一年的第一天返回前一年)

                  • <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>