django - 无法获取 request.FILES django

标签 django vue.js django-forms axios

我正在尝试将文本文件上传到我的 django 后端,但我的 request.FILES 始终为空。

我正在使用 axios 发送文件并遵循 django 要求将“multipart/form-data”作为请求的内容类型。

我错过了什么?

在我的 app.js 上,我通过以下方式发送发布请求:

new Vue({
    el: '#app',
    data: {
        reqtype: '',
        uploadedFile: '',
    },
    methods: {
        onSubmit(event) {
            this.submitLoading = true;
            if (! this.validateForm(this)) {
                event.preventDefault();
                this.submitLoading = false;
                return;
            }
            var formData = new FormData();
            formData.append("reqtype", this.reqtype)
            formData.append('fileToUpload', this.uploadedFile)
            axios.post('/sreqtool/tc/', formData, {
                headers: {
                    'Content-Type': 'multipart/form-data'
                }
            })
        },
        onFileChange(e) {
            var files = e.target.files || e.dataTransfer.files;
            if (!files.length)
                return;

            var reader = new FileReader();
            var vm = this;

            reader.onload = (e) => {
                vm.uploadedFile = e.target.result;
            };

            reader.readAsDataURL(files[0]);
        }
    },
}

关于网络请求负载:

------WebKitFormBoundarymAnl54hGVTifZzwM Content-Disposition: form-data; name="reqtype"

filebased

------WebKitFormBoundarymAnl54hGVTifZzwM Content-Disposition: form-data; name="fileToUpload"

data:text/plain;base64,OTA1NTIzMzg2NQ0KOTE3NTAwMTU0Mg0KOTc3NDczNjcyNg0KMTIzNTQ2ODQ1Ng== ------WebKitFormBoundarymAnl54hGVTifZzwM--

在我的 views.py 中我有:

@csrf_exempt
def index(request):
    if request.method == 'POST':
        DLOG.info(request.POST)
        DLOG.info(request.FILES)
        form = ExtractForm(request.POST, request.FILES)

        if form.is_valid():
            res = QueryManager.processRequest(request.user, form.cleaned_data)

DLOG 是我的记录器,dlog 的输出是:

[2017-12-18 16:51:06,510] INFO views index: <QueryDict: {u'fileToUpload': [u'data:text/plain;base64,OTA1NTIzMzg2NQ0KOTE3NTAwMTU0Mg0KOTc3NDczNjcyNg0KMT
IzNTQ2ODQ1Ng=='], u'reqtype': [u'filebased']}>
[2017-12-18 16:51:06,512] INFO views index: <MultiValueDict: {}>

最佳答案

它说你的图像编码为base64

{u'fileToUpload': [u'data:text/plain;base64,OTA1NTIzMzg2NQ0KOTE3NTAwMT...

关于django - 无法获取 request.FILES django,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47864949/

相关文章:

mysql - Django如何执行SQL语句并返回queryset?

mysql - django mysql syncdb 不在 models.py 中创建表

vue.js - NuxtJS i18n [vue-router] 名为 about_us___en 的路由不存在

django - 如何配置 django 表单来销售定制产品?

python - Django:插入时多对多关系的新记录

python - Django 重定向无法解析 URL

Django CMS 反向管理

vue.js - 尝试在 v-for 中对数组进行排序时出现无限循环

vue.js - 谷歌翻译页面时,Vue 组件停止更新

Django 表单 : Make Two Fields XOR Required?