标签导航:

golang如何高效传递二进制pdf数据并实现前端预览?

Golang后端高效传递二进制PDF数据

本文介绍如何使用Golang将PDF文件以二进制形式传递给前端,实现PDF预览功能。关键在于后端正确设置响应头和使用io.Copy高效传输数据,前端则使用fetch API接收并处理二进制数据。

后端代码示例:

http.HandleFunc("/pdf", func(w http.ResponseWriter, r *http.Request) {
    w.Header().Set("Content-Type", "application/pdf")
    fp, err := os.Open("./go.pdf")
    if err != nil {
        http.Error(w, fmt.Sprintf("Internal Server Error: %v", err), http.StatusInternalServerError)
        return
    }
    defer fp.Close()

    if _, err := io.Copy(w, fp); err != nil {
        http.Error(w, fmt.Sprintf("Internal Server Error: %v", err), http.StatusInternalServerError)
        return
    }
})

该代码片段打开PDF文件,设置响应头为application/pdf,并使用io.Copy将文件内容直接复制到响应流中,实现高效的数据传输。 错误处理使用http.Error函数,避免程序崩溃。

前端代码示例:

fetch("/pdf").then(res => {
  if (!res.ok) {
    throw new Error(`HTTP error! status: ${res.status}`);
  }
  return res.blob(); // 使用blob更通用
}).then(blob => {
  // 创建一个URL对象,用于在浏览器中预览PDF
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = 'go.pdf'; // 可选,设置下载文件名
  a.click();
  URL.revokeObjectURL(url); // 使用完毕后释放URL对象
}).catch(err => {
  console.error("Error fetching PDF:", err);
  // 显示错误信息给用户
});

前端代码使用fetch API获取PDF数据,并使用res.blob()方法将其转换为Blob对象。然后,创建一个URL对象指向Blob数据,并使用标签触发下载或在浏览器中直接预览。最后,调用URL.revokeObjectURL释放URL对象,避免内存泄漏。 改进后的错误处理更清晰地指明了错误原因。

记住,良好的错误处理至关重要,避免使用panic导致程序崩溃。 使用http.Error或类似的错误处理机制,并提供有意义的错误信息给用户。