Невозможно открыть PDF-файл при создании с помощью Django и WeasyPrint

report.file will be a FieldFile ^{[Django- doc]} (not to be confused with a FileField model field ^[Django-doc]), so if you use this as content, it will call str(..) on it, and thus write the name of the filepath.

Вы можете открыть файл и таким образом выгрузить его содержимое в ответ:

@api_view(http_method_names=['POST'])
def create_report(request: Request) -> HttpResponse:
    report = HelpdeskReportService().create_report()
    with report.file.open(mode='rb') as fh:
        response = HttpResponse(content=fh.read())
    response['Content-Type'] = 'application/pdf'
    response['Content-Disposition'] = f"attachment; filename={report.name}"
    return response

Но это не хорошая идея: Django не умеет обслуживать файлы. Обычно для этого используется веб-сервер типа nginx, который имеет развитые механизмы потоковой передачи и кэширования.

Вы можете позволить веб-серверу, например nginx, обслуживать файл, возвращая ответ с заголовком X-Accel-Redirect:

@api_view(http_method_names=['POST'])
def create_report(request: Request) -> HttpResponse:
    report = HelpdeskReportService().create_report()
    response = HttpResponse()
    response['Content-Type'] = 'application/pdf'
    response['X-Accel-Redirect'] = f'/protected/{report.file.path}'
    response['Content-Disposition'] = f"attachment; filename={report.name}"
    return response

и затем позвольте Nginx самому обработать файл с помощью:

location /protected/ {
  internal;
  alias   /path/to/directory/where/you/store/pdf/files/;
}

С самого начала я утверждал, что :

1. Проблема была в сгенерированном PDF-файле
.
2. После того, как я исправил это (или выяснил, что это не так), я подумал, что это мой способ возврата (что было странно, так как я уже делал что-то подобное в другом месте моего кода).

Так что я решил проблему с другой стороны и пошел на фронтенд (немного поздновато, если честно) и понял, что забыл поставить responseType как blob ... :facepalm:

Но после того, как я разобрался с этим, осталась еще одна проблема. Чтобы создать отчет (и вернуть его вместе с ответом), я использовал запрос AXIOS POST, который, похоже, не работает с { responseType: 'blob' }. И я не знал об этом.

Итак, у меня есть 2 варианта:

1. Сделайте GET-запрос, чтобы создать и загрузить мой PDF-отчет в одном запросе.
2. Сделайте POST-запрос, чтобы создать его и вернуть 'id' отчета, а затем GET-запрос, чтобы загрузить его.

Если кто-нибудь знает, почему я не могу заставить его работать с POST-запросом, я был бы рад узнать.

В любом случае, результат таков:

def create_report(self) -> HelpdeskReport:
    report_name = f"helpdesk_report_{uuid.uuid4()}.pdf"
    html_source = render_to_string(template_name="reports/global_report.html")
    pdf_report = HTML(string=html_source).write_pdf()
    pdf_bytes = BytesIO(pdf_report)
    pdf_file = File(file=pdf_bytes, name=report_name)
    report = HelpdeskReport(name=report_name, file=pdf_file)
    report.full_clean()
    report.save()
    return report

@api_view(http_method_names=["GET"])
@authentication_classes([...])
@permission_classes([...])
def create_report(request: Request) -> HttpResponse:
    # Simplified version here :
    report = HelpdeskReportService().create_report()
    response = HttpResponse(content=report.file)
    response["Content-Type"] = "application/pdf"
    response["Content-Disposition"] = f"attachment; filename={report.name}"
    return response

Фронтенд - Vue.js v2 :

methods: {
  async createReport () {
    this.loadingCreation = true
    const response = await HelpdeskReportingService.createReport()
    FileService.downloadFile(response)
    this.loadingCreation = false
  },
}

где createRepor это :

static createReport = async () => {
  try {
    const response = await http.get('helpdesk/reports/create', { responseType: 'blob' })
    return response
  } catch (error) {
    handleAxiosError(error)
  }
}

AKX написал

... Вы можете использовать createObjectURL и создать элемент ` и имитировать щелчок на нем для того же эффекта.

и это именно то, что я делаю в своем FileService :

static downloadFile (httpResponse) {
  const filename = this.getFilename(httpResponse)
  const file = httpResponse.data
  const blob = new Blob([file], { type: file.type })
  const link = document.createElement('a')
  link.href = window.URL.createObjectURL(blob)
  link.download = filename
  link.click()
  URL.revokeObjectURL(link.href)
}

Надеюсь, это поможет некоторым людям.