a标签download属性对MP4文件无效问题求助

这个问题我之前也碰到过！浏览器直接打开MP4而不是触发下载，主要是因为S3默认给MP4返回的video/mp4 MIME类型让浏览器觉得它可以直接播放，而且跨域场景下download属性有时候会失效。给你几个靠谱的解决方案：

方案一：修改S3对象的Content-Disposition元数据 #

这是最直接有效的方法，通过设置S3文件的元数据，强制浏览器将其作为附件下载：

• 登录AWS控制台，找到你的S3存储桶safecamz-recording-dev
• 导航到目标文件5adecf78c7dc5e6c9da1b550/5ae026967d496413cdc011dc/video/sample14.mp4
• 右键点击文件，选择属性
• 滚动到元数据部分，点击添加元数据
• 添加一条键值对：
  • 键：Content-Disposition
  • 值：attachment; filename="sample14.mp4"
• 保存更改后，再点击你的下载链接，浏览器就会直接触发下载了。

方案二：使用S3预签名URL动态指定下载头 #

如果无法修改现有文件的元数据，或者需要动态生成下载链接，可以通过预签名URL指定响应头：
比如用AWS CLI生成预签名URL时，加上--response-content-disposition参数：

aws s3 presign s3://safecamz-recording-dev/5adecf78c7dc5e6c9da1b550/5ae026967d496413cdc011dc/video/sample14.mp4 --response-content-disposition 'attachment; filename="sample14.mp4"'

生成的URL会自动带上强制下载的响应头，替换你原来的链接即可。

补充说明 #

你原来用的<a>标签的download属性，在同域资源下通常有效，但对于跨域的S3资源，浏览器出于安全考虑可能会忽略这个属性，所以最可靠的方式还是从S3端控制响应头。

内容的提问来源于stack exchange，提问作者Shubham