Django使用html按钮下载静态文件

Question

我正在用Django创建一个网站，用户可以在这里从不同的网站收集数据，查看数据，保存到数据库，并将所有数据下载为文件(txt或csv(。我遇到了这样的问题，我无法创建到用户可以下载的特定静态文件的href链接({% static 'files/filename' %}(。

当我尝试将href属性添加到链接并单击它时，我会收到以下错误，而不是例如：<a id="download" href="/static/file/Shrek_reviews.txt" download=""></a>

我得到这个：

<a id="download" href="/static/file/%22%20%2B%20btn_n%20%2B%20%22_reviews.txt" download=""></a>

有人能告诉我如何将文件名解析为{% static 'file/file_name' %}，这样它才能正常工作吗？

下面是我的视图函数和ajax函数，用于创建href属性和下载文件。提前感谢您的帮助

ajax功能

$('button').click(function(){
var btn_t = $(this).text();
var btn_n = $(this).attr('name');
$.ajax({
type: "POST",
url: "{% url 'proces:films_data' %}",
data: {
csrfmiddlewaretoken: '{{ csrf_token }}',
btn_text:btn_t,
btn_name:btn_n,
},
success: function(data){
if(btn_t == 'txt') {
$("#download").attr("href", "{% static 'file/" + btn_n + "_reviews.txt' %}");
} else {
$("#download").attr("href", "{% static 'file/" + btn_n + "_reviews.csv' %}");
}
$('#download').trigger('click');
}
});
});

查看功能

def films_data(request):
db_film_data = Films.objects.all()
if request.method == "POST":
data = {}
db_selected_film = Films.objects.get(title=request.POST['btn_name'])
db_film_reviews = Reviews.objects.filter(film_id=db_selected_film).all()
file_path = os.getcwd() + '/static/file/' + db_selected_film.title + "_reviews.txt"
if request.POST['btn_text'] == 'txt':
with open(file_path, 'w', encoding='utf-8') as file:
file.write("Film title: " + db_selected_film.title + 'nn')
for rev in db_film_reviews:
file.write("Review title: " + rev.title + "n")
file.write("Review Author: " + rev.author + "n")
file.write("Review:n" + rev.review + "n")
file.write("This review was helpful for " + rev.helpful + " usersnn")
return JsonResponse(data)
return render(request, 'proces/films.html', {'films': db_film_data})

Answer 1

这不可能工作。Django模板标签在服务器上呈现，远远早于JS在浏览器上执行。没有办法在Django模板标记中包含JS变量。

您应该完全在JS中进行连接。

var static = "{{ STATIC_URL }}"
if(btn_t == 'txt') {
$("#download").attr("href", "file/" + btn_n + "_reviews.txt");
} else {
$("#download").attr("href", "file/" + btn_n + "_reviews.csv");
}

尽管更好的方法是完全避免将文件写入静态目录；相反，在Ajax响应中返回文件内容，并允许在JS中下载。

Answer 2

谢谢你的回答，我已经设法通过从链接中删除下载属性并将其添加到JS函数中来解决这个问题。我还改变了我保存文件的方式，给它一个静态文件名，然后当我点击链接I html时更改下载文件的名称。

这是我的新JS脚本：

$('button').click(function(){
var btn_t = $(this).text();
var btn_n = $(this).attr('name');
$.ajax({
type: "POST",
url: "{% url 'proces:films_data' %}",
data: {
csrfmiddlewaretoken: '{{ csrf_token }}',
btn_text:btn_t,
btn_name:btn_n,
},
success: function(data){
if(btn_t == 'txt') {
$("#download").attr("href", "{% static 'file/film_reviews.txt' %}");
$('#download').attr('download', btn_n + "_reviews.txt");
} else {
$("#download").attr("href", "{% static 'file/film_reviews.csv' %}");
$('#download').attr('download', btn_n + "film_reviews.csv");
}
document.getElementById("download").click()
}
});
});

现在它工作良好