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