在javascript中以base64字符串转换图像？

Question

我有带有ENCTYPE =“ multipart / form-data”的html表单。它仅包含类型为'file'的文本框，该文本框从本地框浏览文件。这里是文本框代码段

<td>
    <input name="fileNameAttr" id="filePath" size="52" type="file" value="">
</td>

我从本地框中浏览了一些图像文件。 我选择文件的那一刻，filePath就会填充在文本框中。 现在单击某些按钮，我想将图像转换为javascript中的base64字符串。 我没有使用HTML5。 我可以用JavaScript实现吗？

我可以在网上看到一些使用HTML5的解决方案，但这不能解决我的目的。 如果我需要使用某些第三方实用程序，则可以这样做。

编辑：-看起来jquery可以帮助$ .base64.encode（“ this is a test”）; 但是如何与type =“ file”一起使用？

Answer 1

这可以通过HTML5 <canvas>完成

要么

如果您将node.js作为选项，则尝试在img中进行类似的操作

或<img src="data:image/png;base64,jkasfhsdjkhsadf" />

例

var fs = require('fs');
var base64_data = new Buffer(fs.readFileSync('sample.png')).toString('base64');
console.log('<img alt="sample" src="data:image/png;base64,' + base64_data + '">');

对此进行检查（也是示例来源）

数据URI方案

好读

1. 如何使用Javascript编码为Base64？ //用于图像

Answer 2

如果您可以通过javascript访问本地文件系统，那么什么会使您无法读取密码文件或其他私有数据？

出于明显的原因，您不能这样做，将来也不会这样做。