ファイルアップロードのformフォーム編

2280 ワード

formフォームアップロードファイル
このシリーズの最后の1篇として、ビルの主人が知っている第3种のファイルのアップロードの方式です--盛大にFormフォームを発売します
   これは最も伝統的なファイルをアップロードし、データを提出する方法です.
 Html:
 
1 <form action="/home/receive" method="post" enctype="multipart/form-data">
2 <input type="file" name="f1" id="f1" />
3 <input type="submit">
4 </form>

 
簡単なので、ここではバックグラウンドコードはリストされません.
formフォームの提出方式、ユーザーの健康診断に対してあまり良くなくて、毎回提出した後にデータは空になって、そのためajaxがあります
文章の最後に、この3つのアップロードファイルの長所と短所をまとめてみましょう.
送信方法
互換性
難易度の実現
ユーザーエクスペリエンス
メンテナンス/エラーの確認
ajax
★★★☆☆(Ie9+)
HTML 5について
★★★★★
複雑ですが、詳細なエラー情報が得られ、コールバックが戻り値となり、次の操作が可能です.
iframe
★★★★★
比較的容易で互換性が高い
★★★★★
簡単で、コールバックがなくて、いつファイルのアップロードが完成するか分からないで、ページはジャンプすることができません
form
★★★★★
最も簡単
★★★☆☆
簡単ですが、提出するとページがジャンプします.同じようにいつアップロードが完了するか分かりません.ファイルが大きいとページが応答を停止する可能性があります.
 
 
 
 
転載があれば、出典http://www.cnblogs.com/ones/p/4350679.htmlを明記してください