在移动Web浏览器中下载视频/ Gif链接

Question

我想让人们通过我的网站将视频和GIF保存到他们的移动设备上。

但是，当前点击下载链接时，它们会在新标签页中打开，而不是提示用户将其保存在自己的设备上。

你可以在这里测试一下： http://spin360-staging.herokuapp.com/projects/1284/mobile

这就是下载链接的样子：

<a href="/projects/1284/export_video?rel=nofollow">
    <icon class="fa fa-download social_icon export_icon"></icon>
    <div class="share_title">Download Video</div>
</a>

如何在移动浏览器中创建下载链接，使人们能够在自己的设备上保存媒体？

Answer 1

尝试向链接指向的资源发送以下标题：

Content-Type: application/force-download
Content-Disposition: attachment; filename="filename"

我们的想法是将内容类型更改为浏览器无法打开的内容以强制下载。