javascript - デフォルトの画像を使用する代わりに、ユーザーが画像を JavaScript ソースにアップロードできるようにする方法

Question

JavaScript ファイルがあり、その中に編集しようとしている特定のコード行があります。

outlineImage.onload = resourceLoaded;
        outlineImage.src = "images/watermelon-duck-outline.png";

ユーザーが自分の画像をここにアップロードできるようにするにはどうすればよいですか?

Answer 1

ユーザーが自分の画像を直接指定できるようにする方法はありません。ユーザーが画像とサーバー側スクリプトをアップロードしてアップロード画像を受信し、サーバーに保存できるフォームを作成してから、ユーザーがアップロードしたものを出力するようにコードを書き直す必要があります。また、ユーザー固有にするためには、ログインシステムや、少なくともIDなどを含むCookieなど、ユーザーが所有する画像を指定するための何らかのシステムが必要になります。つまり、このようなものには可動部分がたくさんあります。