javascript - 如何在 AngularJs 中将 <input file> 编码为 base64？

Question

我需要通过 drupal 服务/文件将图像保存到 Drupal 中。据我了解，我需要将文件解码为 base64，并将其作为服务/文件的有效负载发送。我怎样才能编码才能做到这一点？？？？我想在 javascript 中执行此操作。

Answer 1

我是 angular-base64-upload 的作者正如@GrimurD 所提到的。该指令非常适合这种情况。它将图像(或任何其他文件类型)解析为 base64 编码并将文件信息附加到您范围内的模型。

示例用法:

<input type='file' ng-model='yourModel' base-sixty-four-input>

一旦您选择了一个文件，yourModel 的值将类似于:

{
  "filetype": "text/plain",
  "filename": "textfile.txt",
  "base64": "/asdjfo4sa]f57as]fd42sdf354asdf2as35fd4"
}

它还有使用 PHP 或 ruby​​ 解码服务器中 base64 文件的示例代码。