将拖放与Django表单集成在一起。

时间:2018-12-10 16:01:51

标签: javascript django django-forms

我当前正在使用django.forms.Form将用户文件上传到我的项目中。现在,我需要在文件上添加拖放功能。

我找不到直接将拖放文件附加到表单的方法。

到目前为止,我的代码是:

**javascript**
var dropzone = document.getElementById('file-upload-wrapper');
dropzone.ondrop = function(e) {
    var form = document.getElementById('file-upload-form')
    var length = e.dataTransfer.files.length;
    if(length > 1){
        alert('one at a time please')
        return;
    };
    for (var i = 0; i < length; i++) {
        var file = e.dataTransfer.files[i];
        console.log('Do something here...')
    }
};

**template**
<form method="post" enctype= multipart/form-data display="none" id="file-upload-form">
    {% csrf_token %}
    {{ form }}
    <button type="submit" id="submit-file">submit</button>
</form>

**form**
class UploadFileForm(forms.Form):
    data_import = forms.FileField()

    class Meta:
        model = Recipe
        fields = ('data_import',)

是否可以在不使用dropzonejs或其他类似软件包的情况下将文件添加到表单中?

0 个答案:

没有答案