PHPで作成するWebﾍﾟｰｼﾞで画像をｱｯﾌﾟﾛｰﾄﾞする方法で､よく紹介されている方法は､ 1. <input ... type='file' ...>で画像を選択 2. <input ... type='submit' ...>でｱ…

PHPで作成するWebﾍﾟｰｼﾞで画像をｱｯﾌﾟﾛｰﾄﾞする方法で､よく紹介されている方法は､
1. <input ... type='file' ...>で画像を選択
2. <input ... type='submit' ...>でｱｯﾌﾟﾛｰﾄﾞ処理
の2ｱｸｼｮﾝを必要とするものですが､画像を選択すれば､その時点で1ｱｸｼｮﾝで
ﾌｧｲﾙがｱｯﾌﾟﾛｰﾄﾞできる方法はないでしょうか｡
簡単に使えるJavaScriptはないでしょうか｡
私自身のｽｷﾙはあまり高くないので､JavaScriptとｻﾝﾌﾟﾙｺｰﾃﾞｨﾝｸﾞが紹介
されているｻｲﾄをご存知の方は教えて頂けませんか｡
仕様的な要望は､ｱｯﾌﾟﾛｰﾄﾞするﾌｧｲﾙにﾌｧｲﾙ名を指定して､指定する
ﾃﾞｨﾚｸﾄﾘに保管できること､容量制限ﾁｪｯｸができることです｡

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

このようにすればﾌｧｲﾙ選択からsubmitがﾜﾝｱｸｼｮﾝで行えます｡

参考になるｻｲﾄは適当にｸﾞｸﾞるかmozillaのDOMﾘﾌｧﾚﾝｽ｡

Gecko DOM Reference - MDN

本なら､
ﾏｰｸｱｯﾌﾟの基本はこれ

formの凝った使い方(ﾄﾞﾗｯｸﾞｱﾝﾄﾞﾄﾞﾛｯﾌﾟでｱｯﾌﾟﾛｰﾄﾞなど)はこっち