Bootstrap 3に基づいてプレビュー可能なHTML 5ファイルアップロードプラグイン
836 ワード
AJAXアップロード機能はHTML 5 FormDataに基づいています(ほとんどの現代ブラウザではこの属性がサポートされています).このプロパティがサポートされていないブラウザでは、通常のファイルアップロードコンポーネントにロールバックされます.AJAXを使用するには、
ファイルを追加、削除、追加できます.追加したファイルはプレビューマップを生成します.
ファイルを指定した領域にドラッグ&ドロップしてファイルをアップロードできます.
ファイルを削除または更新したり、同時に実行したりすることができます.
ファイルアップロード待ち指示、ファイルアップロード成功情報、ファイルアップロードエラー情報を設定できます.
ajaxを使用してファイルをアップロードする場合は、追加のフォーム情報を追加できます.
ファイルの現在のアップロードの進捗状況を表示できます.
現在アップロード中のタスクをキャンセルおよび終了できます.
ファイルのアップロードが完了すると、プレビュー領域の内容が自動的に更新されます.
本文の著作権はjQueryの家に属して、転載して出典を明記してください:http://www.htmleaf.com/html5/html5muban/201505091801.html
公式ドキュメント:http://plugins.krajee.com/file-input#usage
uploadUrl
プロパティを設定する必要があります. ファイルを追加、削除、追加できます.追加したファイルはプレビューマップを生成します.
ファイルを指定した領域にドラッグ&ドロップしてファイルをアップロードできます.
ファイルを削除または更新したり、同時に実行したりすることができます.
showPreview
プロパティがfalse
に設定されている場合、またはブラウザがuploadUrl
プロパティをサポートしていない場合は、通常のファイルアップロードコンポーネントに戻ります. ファイルアップロード待ち指示、ファイルアップロード成功情報、ファイルアップロードエラー情報を設定できます.
ajaxを使用してファイルをアップロードする場合は、追加のフォーム情報を追加できます.
ファイルの現在のアップロードの進捗状況を表示できます.
現在アップロード中のタスクをキャンセルおよび終了できます.
ファイルのアップロードが完了すると、プレビュー領域の内容が自動的に更新されます.
本文の著作権はjQueryの家に属して、転載して出典を明記してください:http://www.htmleaf.com/html5/html5muban/201505091801.html
公式ドキュメント:http://plugins.krajee.com/file-input#usage