2011-06-30 8 views
1

入力ファイルのonchangeイベントを使用してフォームを送信しようとしていますが、問題は空のフォームがファイルが選択されます。"file"タイプの入力要素でonchangeイベントがトリガーされたときに送信する

var form = document.createElement("form"); 
form.action="http://localhost:8084/upload/image"; 
form.method="post"; 
form.enctype ="multipart/form-data"; 
form.target="upload_target"; 

var input=document.createElement("input"); 
input.type="file"; 
input.accept="image/jpeg, image/gif, image/png"; 
input.onchange=function(ev){this.form.submit()}; 
form.appendChild(input); 

フォームが正常に送信ボタンがクリックされたときに提出しますが、「ファイル入力」の状態が変更されていないとき:ここ

はコードです。

私は何をしようとしていますか?

+0

注:ファイルフィールドには属性名が設定されていません。 –

答えて

0

エラーが表示されますか?

構文エラーがあります。このライン:

input.onchange=function(ev){this.form.submit()); 

は非近代的なIEのように(イベントをフックするために、その技術は、それらのすべてでは動作しませんので、あなたは、どのようなブラウザを使用している。また

input.onchange=function(ev){this.form.submit()}; 

であるべき:) )

+0

これはどのブラウザでも動作しません(フォームは実際に送信されますが、ただ空白です...) – fogy

関連する問題