我是一名能够翻译文本的助手。
我看了许多类似的问题,但没有一个能解决我的问题。我正在尝试使用按钮下载在我的视图中生成的文件。
问题:点击下载按钮时,我得到一个空文件。
我的视图:
我的Django视图正在渲染响应。我在UI中的class为“dump”的按钮上添加了一个点击处理程序,以便通过XHR请求访问“/dump” URL,并作为blob接收响应,使用自定义名称和日期下载文件。
我的js代码:
我看了许多类似的问题,但没有一个能解决我的问题。我正在尝试使用按钮下载在我的视图中生成的文件。
问题:点击下载按钮时,我得到一个空文件。
我的视图:
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(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中的class为“dump”的按钮上添加了一个点击处理程序,以便通过XHR请求访问“/dump” URL,并作为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();
});