上传图片并获得可读格式

Question

我有一个应用程序，其中我使用一个上传组件。我想把图片转换成base64格式，并获得这些数据。这就是为什么我创建了。

 getBase64(image, callback) {
    const reader = new FileReader();
    reader.addEventListener("load", () => callback(reader.result));
    console.log(reader.result);
    reader.readAsDataURL(image);
  }

问题是，我不能为上传的图片获取这种格式。如何解决这个问题？

演示: https:/codesandbox.ioscomplete-control-over-file-list-ant-design-demo-tll41?file=index.js:246-449。

Answer 1

我将使用HTML5 <canvas> 和 toDataURL API https:/developer.mozilla.orgen-USdocsWebAPIHTMLCanvasElementtoDataURL。