編集のために、ユーザーがローカル ファイル システムからブラウザに 1 つの画像をロードできるようにする必要があります。
フラッシュなどは使いたくない。HTML と JavaScript のみ。
したがって、ユーザーが画像をサーバーにアップロードすると、サーバーはファイルの内容を返します (php file_get_contents を使用)。
これで、画像ファイルの内容が JavaScript の文字列として取得されました。この文字列を画像要素の src に割り当てることを期待していましたが、表示されました。しかし、それを src に割り当てても何も起こりません。
どうしたの？解決策は何ですか？
srcURLを意味します。
それをサーバー上の URL に設定するか、Base64 でエンコードされた画像を使用します。
PHP:
$imagedata = file_get_contents($file);
$encoded = base64_encode($imagedata);
echo $encoded;
JavaScript:
var imageElem = document.getElementById('image');
var filetype = 'png'; // Set file type here
imageElem.src = 'data:image/' + filetype + ';base64,' + image;