ジャンゴ - AJAXアップロード-ウィジェットは形でシンプルなウィジェット交換にFileFieldsとImageFieldsためのAJAXのファイルアップロード機能を提供Djangoのアプリです。
変化は、モデルのフィールドやアプリのロジックを必要としない。彼らは「伝統的な」ブラウザのファイルアップロードによってアップロードされたかのように、モデルフォームがファイルを扱うことができるように、このプラグインは、透過的に動作します。
の使用法の
ワーキング例えばパッケージに含まれて例のアプリを参照してください。
サーバー側
あなたの形式では、あなたのFileFieldにまたはのImageFieldにAjaxClearableFileInputを使用しています。
Djangoのインポートフォームから
ajax_upload.widgets輸入AjaxClearableFileInputから
クラスMyFormを(forms.Form):
  my_image_field = forms.ImageField(ウィジェット= AjaxClearableFileInput())
のModelFormを使用している場合、または、あなただけのウィジェットを上書きすることができます。
Djangoのインポートフォームから
ajax_upload.widgets輸入AjaxClearableFileInputから
クラスMyFormを(forms.ModelForm):
 クラスのメタ:
 モデル=をmymodel
 ウィジェット= {
  'my_image_field':AjaxClearableFileInput
 }
クライアント側
あなたのページのJavaScript(および必要に応じてCSS)ファイルをインクルードし、自動検出機能を呼び出します。これは、すべてのAJAXファイル入力フィールドのページを検索し、必要なJavascriptを適用します。
<リンクのhref = "{{STATIC_URL}} ajax_upload / CSS / AJAXアップロード-widget.css" REL = "スタイルシート"タイプ= "テキスト/ CSS" />
<スクリプトSRC = "{{STATIC_URL}} ajax_upload / JS / jquery.iframe-transport.js">
<スクリプトSRC = "{{STATIC_URL}} ajax_upload / JS / AJAXアップロード-widget.js">
<スクリプト>
&NBSP; $(関数(){
&NBSP; AjaxUploadWidget.autoDiscover();
&NBSP;});
また、)(自動検出にオプションを渡すことができます。
<スクリプト>
&NBSP; $(関数(){
&NBSP; AjaxUploadWidget.autoDiscover({
&NBSP; changeButtonTextは: '変更するにはクリックして'、
&NBSP;のonError:関数(データ){警告( '!エラー'); }
&NBSP; //は、オプションの一覧のソースを参照してください。
&NBSP;});
&NBSP;});
OR ...あなたが明示的にAJAXファイル入力欄にAjaxUploadWidgetをインスタンス化することができます。
<入力されたID = "foo"という名前= "foo"というタイプ= "ファイル"データアップロード-URL = "/ AJAX-アップロード/「データ·ファイル名=" "データが要求する=" "/>
<! - 入力フィールドは、適切なデータ属性を含むようにジャンゴによってoutputedする必要がある - >
<スクリプト>
&NBSP;新しいAjaxUploadWidget($( '#fooの')、{
&NBSP; //オプション
&NBSP;});
の特長の
- ドロップイン置換にDjangoのビルトインClearableFileInputウィジェット(に必要な変化なしあなたのモデル)します。
- は、IE 7 +を含むすべての主要ブラウザで動作します。
- ランダムハッシュ文字列は、アップロードされたファイルのパスは他の人が推測されないように名前をファイルに追加します。
の要件の
- のPythonます。
- ジャンゴます。
コメントが見つかりません