javascript - 从插件获取本地文件到javascript

Question

我开发了一个浏览器插件，可以从扫描仪或相机中获取图片并将图片保存在用户的文件系统中。输出是图片的文件路径。我想使用 javascript 预览 Broswer 中的图片...

如何在没有用户交互的情况下获取图片？

（仅与 Google Chrome 兼容的 Web App 的一部分）

Answer 1

如果您已经拥有图像的内容，您可以直接加载它们，通过 base64 编码并提供如下 URL：

<img src="data:image/png;base64,iVBORw0KGgoAAAANS..." />

Answer 2

如果您的浏览器插件返回了文件路径，并且您在必须显示图像时识别了该事件，那么您可以ShowImage(filepath)在该事件上调用函数。

<script type="text/javascript">
    function ShowImage(filePath) {
        $("#preview").append("<img alt='img' src='" + filePath + "'");
    }
</script>

您的 HTML 应包含 div：

<div id="preview"></div>