makliu 发表于 2023-2-6 11:24:50

Ajax下载Excel 文件, 求高手指点。

Django , 有个下载的要求, 需要通过ajax来实现 。



前端ajax代码如下:
function bindExport(){      
      $('#btnExport').click(function(){
         $.ajax({
                url:"/eg/fileDownload/",
                type:"post",
                data:$("#form1").serialize(),
                dataType: 'json',
                success:function(res){
                        //响应成功后, 不会写了。
                        ???
                },
         })
      })
    };



视图代码
def refundExport(request):
    if request.method=="POST":
      # 根据前端的查询条件, 查询数据库数据
      startTime = request.POST.get('startTime')
      endTime = request.POST.get('endTime')
      datas = models.objects.filter(startTime=startTime, endTime=endTime)
       
        # 视图能正常获取到      startTime和   endTime的值 。
        # 下载的代码, 不会写了。

      return ???


sfqxx 发表于 2023-5-18 19:42:29

要实现通过Ajax来下载文件,可以考虑使用Blob和URL.createObjectURL()等新特性。以下是一个简单的Ajax文件下载示例:

前端ajax代码:

function bindExport() {
    $('#btnExport').click(function() {
      $.ajax({
            url: "/eg/fileDownload/",
            type: "post",
            data: $("#form1").serialize(),
            dataType: 'json',
            success: function(res) {
                // 获取返回的二进制数据
                var blob = new Blob(, {type: 'application/octet-stream'});
                // 创建URL对象并设置其href属性为blob对象的URL
                var a = document.createElement('a');
                a.href = URL.createObjectURL(blob);
                a.download = 'filename.xls';// 文件名
                // 触发下载操作
                a.click();   
            },
      })
    })
};
在上述示例中,首先使用Ajax向后台发送请求并获取返回的二进制数据(假设返回的数据为Excel表格),然后将该数据封装成Blob对象,并创建URL对象并设置其href属性为Blob对象的URL。最后创建一个a标签,设置其download属性为文件名,触发该标签的点击事件即可完成文件下载操作。

后端视图代码:

from django.http import HttpResponse

def file_download(request):
    if request.method == 'POST':
      # 根据查询条件从数据库中查询数据,生成Excel表格并将其写入BytesIO对象中
      from io import BytesIO
      output = BytesIO()
      xlwt.Workbook().save(output)
      output.seek(0)
      # 设置响应头并将BytesIO对象中的数据返回给前端
      response = HttpResponse(output.getvalue(), content_type='application/octet-stream')
      response['Content-Disposition'] = 'attachment; filename="filename.xls"'
      return response
在上述示例中,根据前端传来的查询条件,从数据库中查询到相应的数据并生成Excel表格。将表格写入BytesIO对象中后,设置响应头,并将BytesIO对象中的数据作为响应内容返回给前端。

注意:以上代码仅供参考,具体的实现方式和细节还需要根据实际情况进行修改和优化。另外,在实际使用中还需要考虑文件下载的安全性等方面的问题。
页: [1]
查看完整版本: Ajax下载Excel 文件, 求高手指点。