javascript - プラグインから JavaScript へのローカル ファイルを取得する

Question

スキャナまたはカメラから画像を取得し、その画像をユーザーのファイル システムに保存するブラウザ プラグインを開発しました。出力は、画像へのファイルパスです。JavaScript を使用して、Broswer で画像をプレビューしたい...

ユーザーの操作なしで画像を取得するにはどうすればよいですか?

(Google Chrome とのみ互換性のある Web アプリの一部)

Answer 1

ブラウザ プラグインから返されたファイル パスがあり、画像を表示する必要があるときにイベントを識別している場合は、ShowImage(filepath)そのイベントで関数を呼び出すことができます。

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

HTML には次の div が含まれている必要があります。

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

Answer 2

画像のコンテンツが既にある場合は、base64 でエンコードし、次のように URL を指定することで、それらを直接読み込むことができます。

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