【Django】Django+Ajax下载文件（使用FileResponse）

旧城等待， 2022-10-05 14:52 342阅读 0赞

#### 1.说明 ####

使用Django下载文件的方式有多种，这里使用的是FileResponse对象返回文件即可

# 视图函数
    @csrf_exempt
    def getFinanceBalanceFile(request):
       	...
        filename = "{}_余额.xlsx".format(time.strftime("%Y-%m-%d", time.localtime()))
        file = open("xxxx", 'rb')
        response = FileResponse(file)
        response['Content-Type'] = 'application/octet-stream'
        response['Content-Disposition'] = 'attachment;filename="{}"'.format(filename .encode('utf-8').decode('ISO-8859-1'))
        return response

使用方法很简单，open一个文件创建一个FileResponse，然后设置文件描述返回去即可。但之所以写这篇文章主要是踩坑了，就是文件名，浏览器识别不了，原来是因为不同浏览器对文件名的编码解析格式不一样，解决方法是先用utf-8编码然后再用ISO解码，因为ISO编码被多少浏览器支持

#### 2.前端Ajax代码 ####

$("#btn_download").click(function(){ 
    	url = "/xx/xxx/"
        $.ajax({ 
            url: url,
            method: "GET",
            beforeSend: showModal,
            success: function(response) { 
                if (response["code"]==0){ 
                    toastr["error"](response["error"], "错误")
                }else{ 
                   var form = $('<form action="' + url + '" method="get"></form>');
                   $('body').append(form);
                   form.submit(); //自动提交
                }
            },
            error: function(e){ 
                toastr["error"](e, "错误")
            },
            complete: hideModal,
        })
    })

我们知道Ajax本身是不带有下载功能的，所以需要曲线救国，一般有创建表单和a标签的方法（好像还有其他方法），我们这里使用的是创建一个表单，然后自己调用submit即可，这样可以实现模拟请求下载。其实这种方法会发起两次请求，但好在FileResponse的会有缓存，所以不会有太大压力