无法获取request.FILES django

时间:2017-12-18 08:58:14

标签: 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;名称= “reqtype”

     

基于文件

     

------ WebKitFormBoundarymAnl54hGVTifZzwM Content-Disposition:form-data; NAME = “fileToUpload”

     

数据:文本/无格式; 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: {}>

2 个答案:

答案 0 :(得分:0)

它表示你的图像编码为base64

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

答案 1 :(得分:0)

我现在可以阅读文件内容了。

我使用了Farrukh评论中的链接a stackoverflow answer

代码更新为:

@csrf_exempt
def index(request):
    if request.method == 'POST':
        form = ExtractForm(request.POST, request.FILES)
    if form.is_valid():
        res = QueryManager.processRequest(request.user, form.cleaned_data)
        format, imgstr = data.split(';base64,') 
        ext = format.split('/')[-1] 
        data = ContentFile(base64.b64decode(imgstr), name='temp.' + ext)
        filetext = data.read()

filetext包含我需要的文件字符串。