django-ajax-upload-widget Provides AJAX file upload functionality for FileFields and ImageFields with a simple widget replacement...
Download

django-ajax-upload-widget Ranking & Summary

django-ajax-upload-widget Tags

Ajax uploader Django Django widget AJAX uploader

django-ajax-upload-widget Description

django-ajax-upload-widget is a Django app that provides AJAX file upload functionality for FileFields and ImageFields with a simple widget replacement in the form.No change is required your model fields or app logic. This plugin acts transparently so your model forms can treat files as if they were uploaded by "traditional" browser file upload.UsageRefer to the example app included in the package for a working example.Server SideIn your form, use the AjaxClearableFileInput on your FileField or ImageField.from django import formsfrom ajax_upload.widgets import AjaxClearableFileInputclass MyForm(forms.Form): my_image_field = forms.ImageField(widget=AjaxClearableFileInput())Or, if using a ModelForm you can just override the widget.from django import formsfrom ajax_upload.widgets import AjaxClearableFileInputclass MyForm(forms.ModelForm): class Meta: model = MyModel widgets = { 'my_image_field': AjaxClearableFileInput }Client SideInclude the Javascript (and optionally CSS) files in your page and call the autoDiscover function. This will search the page for all the AJAX file input fields and apply the necessary Javascript.< link href="{{ STATIC_URL }}ajax_upload/css/ajax-upload-widget.css" rel="stylesheet" type="text/css"/ >< script src="{{ STATIC_URL }}ajax_upload/js/jquery.iframe-transport.js" >< /script >< script src="{{ STATIC_URL }}ajax_upload/js/ajax-upload-widget.js" >< /script >< script > $(function() { AjaxUploadWidget.autoDiscover(); });< /script >You can also pass options to autoDiscover():< script > $(function() { AjaxUploadWidget.autoDiscover({ changeButtonText: 'Click to change', onError: function(data) { alert('Error!'); } // see source for full list of options }); });< /script >OR ... you can explicitly instantiate an AjaxUploadWidget on an AJAX file input field:< input id="Foo" name="foo" type="file" data-upload-url="/ajax-upload/" data-filename="" data-required=""/ >< !-- The input field needs to be outputed by Django to contain the appropriate data attributes -- >< script > new AjaxUploadWidget($('#Foo'), { // options });< /script >Product's homepage

django-ajax-upload-widget Related Software