Question

我正在尝试使用jquery，ajax和amp;来下载pdf文件django的。

我的django views.py：

if request.POST.get('action') == 'download_labels':
    order_list = json.loads(request.POST.get('order_dict'), None)
    PackedOrders(dbname, order_list).downloadLabels()
    file = open('shipping_labels.pdf','rb')
    response = HttpResponse(file, content_type='application/pdf')
    response['Content-Disposition'] = "attachment; filename=shipping_labels.pdf"
    os.system('rm shipping_labels.pdf')
    return HttpResponse(response, content_type='application/pdf')

我的ajax查询：

data : {action:'download_labels',
        order_dict:JSON.stringify($checkedRows)},

success : function(response, status, request) {
    var file = new Blob([response], {type: 'application/pdf'});
    var fileURL = window.URL.createObjectURL(file);
    window.open(fileURL,'_blank');
},

ajax将文件作为二进制数据响应返回，并在新选项卡中将其打开。但我在新标签中看到的只是空白页。空白页数等于原始pdf文件中的页数。

在控制台中我看到了：

Error: Invalid XRef stream header
...
Warning: Indexing all PDF objects
pdf.worker.js (line 235)
<System>
PDF 85b859244e496561d60d217869d5d38a [1.3 - / -] (PDF.js: 1.3.76)
Error: Bad FCHECK in flate stream: 120, 239
...

Here是完整的日志文件。

Answer 1

我不是jQuery专家，但我不认为jQuery ajax支持blob。在文档中，它仅列出了这些数据类型：xml，json，script或html。但是，我能够在不使用jQuery和使用带有此代码的纯JavaScript的ajax的情况下使用此功能，

我的JavaScript（我还会为此添加错误处理）

var xhr = new XMLHttpRequest();
xhr.open('GET', '/pdf_test', true);
xhr.responseType = 'blob';

xhr.onload = function(e) {
  if (this.status == 200) {
    var blob = new Blob([this.response], {type: 'application/pdf'}),
    fileURL = URL.createObjectURL(blob);
    window.open(fileURL,'_blank');
  }
};

xhr.send();

我的django视图（我还会为此添加错误处理）

def pdf_test(request):
    pdf_file = open(r'C:\Pdfs\calculation_of_semiconductor_failure_rates.pdf', 'rb')
    response = HttpResponse(pdf_file, content_type='application/pdf')
    response['Content-Disposition'] = 'attachment; filename="shippinglabels.pdf"'
    return response

除此之外，如果你不需要在新标签页中打开但只能下载文件，那么你可以完全避免使用ajax / Javascript，只使用HTML，这是一种更简单的方法

<a id="pdf-test" href="/pdf_test">Download PDF</a>

对于学分和进一步阅读，我使用了这些链接

jQuery Ajax

StackOverflow question

Introduction to JavaScript Blobs and File Interface

jquery ajax不提供pdf文件

1 个答案: