jQueryでファイルアップロード
お世話になります。
jQueryでファイルアップロードの処理をしたいのですがやり方を教えて下さい。
Googleで検索すると色んなプラグインが出てくるのですが全体像がわからない為上手く動作してくれません。
やりたいのは、入力画面-->確認画面-->結果確認画面と遷移させてファイルをアップロードする処理です。
＜画面仕様＞
(1)入力画面
・氏名等の入力とアップロードするファイルの選択
・アップロードファイルサイズのチェック
(2)確認画面
・入力画面で入力した内容の確認
・アップロードするファイルの確認（個数、合計サイズ）
(3)結果確認画面
・アップロード処理結果の確認
※実際のアップロードが入力画面でファイルを選択した直後に行われても構わない
嵌っているのは、入力画面でFORMのonsubmitと<input type="file">の両方を同時に設定できない事です。
FORMのonsubmitでは入力内容のチェックを、<input type="file">ではファイルのアップロードを行い、アップロードしたファイル名を隠しフィールドで確認画面に送りたいのですが、個々に指定するとそれなりに動くのに両方指定するとsubmitが優先されてしまい、<input type="file">のchengeイベントが動きません。
どうしたら良いかご教示下さい。
中途半端なソースですが、入力画面で私がやりたいことをコードにしてみました。
よろしくお願いします。
$(function() {
$('#fileId').change(function() {
$(this).upload('upload.php', function(res) {
$(res).insertAfter(this);
}, 'html');
});
});
<form id="form1" name="form1" action="confirm.php" method="post" enctype="multipart/form-data" onsubmit="return error_check();">
<input type="file" name="upload_file1" id="fileId" />
