xmlhttprequestを使用してボタンでdjangoのファイルをダウンロード

Question

多くの同じ質問を見ましたが、私の問題は解決していません ボタンを使用して私のビューで生成されたファイルをダウンロードしようとしています。

class dumpView(View): 

template_name = 'download.html' 
def get(self, request): 
    file = open("/home/test.pdf", "rwbt") 
    response = HttpResponse(file.read(), content_type="application/pdf") 
    response['Content-Disposition'] = 'attachement; filename=%s' % file 
    return render(request, 'download.html') 

マイURL：

url(r'^dump/', dumpView.as_view()), 

マイテンプレート：

{% extends 'base.html' %} 
{% load staticfiles %} 
{% block content %} 
<div class="container"> 
<div class="row"> 
    <div class="jumbotron"> 
     <div class="row"> 
      <center> 
       <a href="javascript:void(0)" class="btn btn-primary btn-lg dump">Download</a> 
      </center> 
     </div> 
    </div> 
</div> 
</div> 
{% endblock %} 
{% block javascript %} 
<script src="{% static 'js/home.js' %}"></script> 
{% endblock %} 

私のDjangoのビュー 問題：ダウンロードボタン

私の見解をクリックしながら、私は空のファイルを取得しますレスポンスをレンダリングしています。 UIのクラスダンプを持つボタンにクリックハンドラを追加して、 "/ dump" URLへのXHRリクエストを作成し、レスポンスをBLOBとして受け取り、カスタムの名前と日付でファイルをダウンロードしました。

マイJS：あなたのビューで

$(".dump").on("click", function() { 
xhttp = new XMLHttpRequest(); 
xhttp.onreadystatechange = function() { 
    var a, today; 
    if (xhttp.readyState === 4 && xhttp.status === 200) { 
     a = document.createElement('a'); 
     a.href = window.URL.createObjectURL(xhttp.response); 
     today = new Date(); 
     a.download = "file_" + today.toDateString().split(" ").join("_") + ".pdf"; 
     a.style.display = 'none'; 
     document.body.appendChild(a); 
     return a.click(); 
    } 
}; 
xhttp.open("GET", "/dump", true); 
xhttp.setRequestHeader("Content-Type", "application/json"); 
xhttp.responseType = 'blob'; 
xhttp.send(); 
}); 

Answer 1

に役立ちますかどうかを確認し、私は、@ボブ・vorkがちょうど言ったように、Content-Dispositionからのファイル名はすべきではないあなたの応答

content = file(filename).read() 
response = HttpResponse(content, content_type='text/plain') 
response['Content-Length'] = os.path.getsize(filename) 
response['Content-Disposition'] = 'attachment; filename=%s' % 'my_pdf.pdf' 

にサイズを追加することをお勧めPython fileオブジェクトですが、あなたの名前はダウンしています負荷があります。

どのようにしてJavaScript置き換えるurls.pyでビューの登録について：

<input type="button" value="Download" onclick="window.open('download_my_pdf')"> 

EDIT：へあなたが示唆したHTMLを行っているので

、その後、私が出してあげるの詳細を私の解決策。

まず、home.jsを削除できます。あなたが理解できるように

<a href="javascript:void(0)" class="btn btn-primary btn-lg dump">Download</a> 

は

<input type="button" value="Download" onclick="window.open('download_my_pdf')"> 

になり、あなたのviews.pyは直接だけでなく、右CONTENT_TYPEを置くためresponse

from django.http import HttpResponse 
from wsgiref.util import FileWrapper 

@login_required 
def download_pdf(request): 
    filename = 'whatever_in_absolute_path__or_not.pdf' 
    content = FileWrapper(filename) 
    response = HttpResponse(content, content_type='application/pdf') 
    response['Content-Length'] = os.path.getsize(filename) 
    response['Content-Disposition'] = 'attachment; filename=%s' % 'whatever_name_will_appear_in_download.pdf' 
    return response 

ご注意を返す必要があります。私はビュー（特にFileWrapper）をテストしていないことに注意してください、私はプレーンテキストのためにいくつかのコードを適用しました。このため、pdfをテキストファイルとして扱うと、TypeErrorが発生します。

URLです。py

urlpatterns = (
    [...] 
    url('download_my_pdf', download_pdf), 
) 

Answer 2

、あなたはattachment; filename=...としてContent-Dispositionを設定していますが、ファイルオブジェクトを追加します。私の推測では、ブラウザは適切な拡張子を持つファイル名が望ましいかもしれません。

私はDjangoプロジェクトで同様の見解を持っている、と私は同様に、ファイル名を引用していますが、それは

EDIT必要がある場合、私はわからない。また、「添付ファイル」のタイプミスがあります、余分な「E」を削除し、それはあなたのビューで