活動日誌

■ [JavaScript] アップロードフォームにサムネイルを設定

CodeWeb - 画像をアップロードする前にサムネイルを表示させる。より。

ファイルアップロードのフォームに onchange を設定して、サムネイルを表示させるという JavaScript です。

以下のような感じに修正すると、IE と Firefox で動くようになりました。(Windowsで確認) → サンプル

 function imgchange(e) {
     e = e ? e : event;
     var elem = e.target ? e.target : e.srcElement;

     document.getElementById("thumbnail").src = 'file://' + elem.value.replace(/\\/g, '/');
     document.getElementById("thumbnail").style.display = "inline";
 }

Opera も試してみましたが、elem.value の値がファイル名だけでディレクトリ名が含まれないため、 動かないようです。