トップ «前の日記(2005-10-02) 最新 次の日記(2005-10-06)» 編集

活動日誌


2005-10-05

[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 の値がファイル名だけでディレクトリ名が含まれないため、 動かないようです。


2005|02|03|04|05|06|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|12|
2007|01|03|04|05|06|10|
2008|04|10|
2009|10|
2010|05|08|
2012|01|02|03|
2014|01|
トップ «前の日記(2005-10-02) 最新 次の日記(2005-10-06)»