分享 Web 文件下载和查看

tuliang · 2014年06月11日 · 最后由 ane 回复于 2014年06月18日 · 2155 次阅读

博文原文地址:Web文件下载和查看

在浏览器中点击一个文件链接,会被浏览器直接打开或者下载。其实浏览器的行为是可以人为控制的,最简单的方法是使用HTML5 download Attribute。

<!-- will download as "expenses.pdf" -->
<a href="/files/expenses.pdf" download="expenses.pdf">Download Your Expense Report</a>

这种方式虽然简单,但是兼容性不太好。查看http://caniuse.com/download,我们可以发现IE和Safari全版本都不支持这个属性。

根本原因在HTTP Head中,文件类型由Content-Type控制。如果pdf文件是正确的application/pdf,浏览器会打开pdf,而不是去下载,jpg、png这些文件类型同理。

而下载是由Content-Disposition来控制的,例如:Content-Disposition: attachment; filename="fname.txt"。它的意思是将该文件作为附件,并且下载的文件名是fname.txt.

如果使用S3,访问文件的url,可以直接打开。 如果需要下载,使用AWS的api可以生成相应的url:

url = object.url_for(:read, response_content_disposition: "attachment; filename=\"#{filename}\"")

相关文档: http://www.w3.org/Protocols/rfc2616/rfc2616-sec19.html http://docs.aws.amazon.com/AWSRubySDK/latest/AWS/S3/S3Object.html

共收到 3 条回复

所以我一般会把他们写到一个方法里面,比如这样

def download_xls(data, filename)
    headers['Content-Type'] = "application/vnd.ms-excel; charset=utf-8"
    headers['Content-Disposition'] = 'attachment; filename="excel-export.xls"'
    headers['Cache-Control'] = ''

    send_data data, :filename => filename
  end

我一般还会加一个『content-length』属性

disposition: "attachment"(下载) disposition: "inline"(打开)

huobazi 如何进行文件下载 中提及了此贴 05月22日 11:18
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册