從插件獲取本地文件到javascript

Question

我開發了一個瀏覽器插件，可以從掃描儀或相機中獲取圖片，並將圖片保存在用戶的文件系統中。 輸出是圖片的文件路徑。 我想使用javascript預覽Broswer中的圖片...

如何在沒有用戶交互的情況下獲取圖片？

（僅與Google Chrome兼容的網絡應用程序的一部分）

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>