HTML5で実装されたaタグのdownload属性について(Django)

Question

前提・実現したいこと

今、djangoを使ってファイルのアップローダーを作っています。
ファイルをアップロードした後、一覧表示を行い、好きなファイルをクリックするとファイルをダウンロードできるようなものを考えています。
アップロードしたファイルの一覧表示まではできましたが、ダウンロードするのに苦戦しております。
aタグを使ってdownload属性を使えば、hrefにpath、downloadにファイル名でいけるそうですができません。
解決策お願いします。

発生している問題・エラーメッセージ

Page not found (404)
Request Method:	GET
Request URL:	http://127.0.0.1:8000/media/documents/70_87.pdf

該当のソースコード

model_form_upload.html

{% extends 'journals/base.html' %}

{% block content %}
<div>
  <a href="{% url 'journals:index' %}">ホームに戻る</a>
</div>
<form method="post" enctype="multipart/form-data">{% csrf_token %}
        {{ form.as_p }}
        <button type="submit" class="btn">Upload</button>
</form>
<hr />
{% for item in obj %}
    <tr>
        <td>{{ item.description }}</td>
        <td><a href="{{ item.document.url }}"　download="{{ item.document }}">{{ item.document }}</a></td>
        <td>{{ item.uploaded_at }}</td>
    <tr>
    <hr />
    {% endfor %}
{% endblock %}

models.py

from django.db import models


class Journal(models.Model):
    title = models.CharField(blank=False, null=False, max_length=150)
    text = models.TextField(blank=True)
    created_datetime = models.DateTimeField(auto_now_add=True)
    updated_datetime = models.DateTimeField(auto_now=True)

    def __str__(self):
        return self.title


class Document(models.Model):
    description = models.CharField(max_length=255, blank=True)
    document = models.FileField(upload_to='documents/')
    uploaded_at = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return self.document

補足情報（FW/ツールのバージョンなど）

https://docs.docker.com/compose/django/
このサイトでdocker-compose上にdjangoアプリを作っています。

Answer 1

Page not found (404)なので、単にpathの指定が間違っているだけでは？

<a href="path/hoge.pdf" download="fuga.pdf">download</a>

テスト

<object data="/media/documents/70_87.pdf" width="500" height="500"></object>

Comments

[aiai8976]

Not Found: /media/documents/70_87.pdf
とエラーが出ているのでパスはあっているはずです。
場所もあっていてファイルも存在しています。

[yambejp]

「Not Found」というエラーでなぜ「パスはあっている」と思うのでしょうか？
とりあえず相対パスをやめて同じフォルダに置いてみて試すところからですね
ついでにaタグに指定したpathでobjectタグで参照してみてください

[aiai8976]

すいません。
よく理解していません。
同じフォルダにおいて<a href="./70_87.pdf"　download="70_87.pdf">ここ！！！！</a>としたのですが、同じようにnot foundでした、、
objectタグで参照というのはどうするのでしょうか。

[yambejp]

> 同じようにnot found

全然違うファイルだったりするのでは？
ダウンロード属性を外してクリックしたらファイルは開くのでしょうか？
<a href="./70_87.pdf">ここ！！！！</a>

> objectタグで参照というのはどうするのでしょうか。

すでに例示したとおりです。

[aiai8976]

ダウンロード属性を外しても変わりませんでした。

また、objectaタグでは「PDFドキュメントは読み込めませんでした」と出ました。

[gh640]

途中から失礼します。

Django を `manage.py runserver` で動かしていらっしゃると推測します。その場合、 `MEDIA_URL` 以下のファイルをブラウザで閲覧できるようにするには `urlpatterns` にそのパターンを明示的に追加する必要がありますが、それはやられていますか？もしやられていなければ、 `download` 属性以前の問題なので、そこを設定されるのがよいかと思います。

方法は検索すればすぐ出てくるので調べてみてください。

[aiai8976]

コメントありがとうございました。
調べてみたところ、
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
をurlpatternsに追加することでページが表示されました。

[gh640]

そうですか。無事ご解決されたとのことでよかったです :D