人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

PHPで作成するWebページで画像をアップロードする方法で、よく紹介されている方法は、
1. <input ... type='file' ...>で画像を選択
2. <input ... type='submit' ...>でアップロード処理
の2アクションを必要とするものですが、画像を選択すれば、その時点で1アクションで
ファイルがアップロードできる方法はないでしょうか。
簡単に使えるJavaScriptはないでしょうか。
私自身のスキルはあまり高くないので、JavaScriptとサンプルコーディングが紹介
されているサイトをご存知の方は教えて頂けませんか。
仕様的な要望は、アップロードするファイルにファイル名を指定して、指定する
ディレクトリに保管できること、容量制限チェックができることです。


●質問者: rarachojiro
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
<html>
<body>
<form action="">
<input type="file" onchange="upload(this)">
</form>
<script>
function upload(e) {
 e.form.submit()
}
</script>
</body>
</html>

このようにすればファイル選択からsubmitがワンアクションで行えます。

参考になるサイトは適当にググるかmozillaのDOMリファレンス。

本なら、
マークアップの基本はこれ


formの凝った使い方(ドラッグアンドドロップでアップロードなど)はこっち

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ