jquery - クライアント側からdivに画像を動的にロードする-jQuery

Question

Web画像を読み込んでみましたが、動作します。しかし、クライアント側の画像をロードしたいと思います。

$("#lol").live("click", function() {
 $(".main").html('<img src="file:///D:/lol.jpg" />');
})

Answer 1

属性srcは、http（s）を介してWebからアクセスできる必要があります。クライアントはファイルにアクセスできず、Webサーバーが提供できるものだけにアクセスできることを忘れないでください。

Answer 2

これはブラウザのセキュリティの問題です。ローカルファイルを自由にロードできる場合は、それを悪用してユーザーマシン上のリモートファイルにアクセスできます。

なぜあなたはそれをする必要がありますか？多分あなたが望むことを達成するための別の方法があります。

Answer 3

アプリケーションを実行している場所からホストされているURLを指定します。何かのようなものhttp://localhost

注：これはローカルでのみ機能し、inernetでは機能しません。画像には常にアプリケーションの相対パスを使用する必要があります。

$("#lol").live("click", function() {
    $(".main").html('<img src="http://localhost/applicationName/images/lol.jpg" />');
});