在iframe中显示.html文件，使用django上传为媒体文件

Question

我希望在我的模板上的iframe中显示上传.html文件。我宁愿不将其设置为可以在urls.py文件中访问的URL，我将.html Files从管理面板上升至媒体文件夹，如So：

Modal

# Portfolio project overview model
class Work(models.Model):
    html = models.FileField(upload_to="work_app/media/htmls/", null=True, blank=True)

settings.py

MEDIA_ROOT = str(BASE_DIR) + "/media/"
MEDIA_URL = '/media/'
STATIC_ROOT = str(BASE_DIR) + "/static/"
STATIC_URL = '/static/'

urls.py

urlpatterns = [
include("personal_portfolio_project.apps.resume_app.urls")),
    path("work/", include("personal_portfolio_project.apps.work_app.urls")),
]

if DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) 
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

我第一次尝试使用此template.html代码：

{% extends "base.html" %}
{% load static %}

{% block page_content %}
<h1>{{ work.title }}</h1>
<div class="row">
    <div class="col-md-8">

        {% if work.html %}
            <iframe height="100%" width="100%" src="{{ 'work.html.url' }}"> 
            </iframe>
        {% endif %}
    </div>
</div>
{% endblock %}

...看起来像这样的尝试：

如您所见就像它找不到.html文件（404）一样。

我在其他几篇文章中看到了HTML行应该是：

<iframe height="100%" width="100%" src="{% url 'work.html' %}"> </iframe>

..和还添加x_frame_options ='Sameorigin' to settings.py file，所以我都做了那些，我现在得到的那些地方：

这是什么要告诉我的？我想念什么？

更新 我还尝试了：

＆lt; iframe height =“ 100％” width =“ 100％” src =“ {{work.html}}}”＆gt; ＆lt;/iframe＆gt;

我再获得404：

更新

我获得的最接近的是：

＆lt; iframe type =“ html”高度=“ 100％” width =“ 100％” src =“ {{work.html.url}}}}”＆gt; ＆lt;/iframe＆gt;

，但它给了我这个屏幕：

我将URL放在图像上方，以确保其实际上是正确的。根据其他答案，他们说只是为了启用x_frame_options ='Sameorigin'，它将起作用，但这对我而言并不适用。这里的任何帮助将不胜感激。谢谢！

Answer 1

我收回上面的最后一个更新，我要做的就是清除缓存，或以隐身模式运行页面，因为由于缓存，我的更改都没有在页面上反映在页面上。一旦我这样做，它就会开始正确显示iframe。

我正在探索的另一个选择是将Xframe豁免装饰器设置为处理呈现帖子详细信息页面的视图，看起来像是这样的：

from django.shortcuts import render
from django.views.decorators.clickjacking import xframe_options_exempt

# Create your views here.
from .models import Work

@xframe_options_exempt
def work_detail(request, pk):
    work = Work.objects.get(pk=pk)
    context = {
        'work': work
    }
    return render(request, 'work_detail.html', context)

似乎也有效，但我正在恢复到Sameorigin方法。