oitake blog

いろいろリンク

おすすめリンク

最近のエントリー

カテゴリー

20101012:コメントとトラックバックを停止したことにより、このサイトはアーカイブとなりました。以降、ご連絡はみもねるのウェブサイトへお願いします。
20100703:新ナマコメ(ナマコメ 2)を公開しました。コメントビューア付きで送信面においてもパワーアップしています。
旧ナマコメは将来的に使用できなくする予定なので、可能な限り新ナマコメをお使いください。
20091127:oitake は みもねる になりました。当ブログは無期限更新停止となります。詳細は最新の記事をご覧ください。

スポンサーサイト

一定期間更新がないため広告を表示しています


2009.12.16 Wednesday | | - | - | -

マルチファイルアップロードボックス(の修正版)

以前、JavaScriptでファイル参照ボックスを動的に追加する方法を紹介しましたが、ちょっとした不具合を発見したので、修正版を紹介します。
不具合の内容は「ボックスを追加すると選択済みのボックスがリセットされてしまう」というものです。innerHTMLを変更したことが原因でしょう。うかつでした。
というわけで、修正版では「新たに要素を作成して追加する」スタイルをとっています。スクリプトは以下のとおり。

<script type="text/javascript">
// ファイル参照ボックスを追加する
// ※#fileを用意しておくこと。
function file_append()
{
    var file=document.getElementById("file");
    var input=document.createElement("input");
    input.type="file";
    input.name="files[]";
    var br=document.createElement("br");
    file.appendChild(input);
    file.appendChild(br);
}
</script>
<form action="http://oitake.chicappa.jp/formtester/index.php" method="post" enctype="multipart/form-data">
<input type="button" value="もうひとつ" onclick="file_append();" /><div id="file"><input type="file" name="files[]" value="" /><br /></div>
<input type="submit" value="アップロードする" />
</form>

適当にカスタマイズして使ってください。

2007.08.23 Thursday | 11:10 | ライブラリ | comments(0) | trackbacks(0)

スポンサーサイト


2009.12.16 Wednesday | 11:10 | - | - | -

アーカイブ

広告