嗨，我有HTML5的视频标签，我想给用户一个“下载”按钮，用户可以点击并下载该视频。我知道用户可以通过右键点击浏览器下载视频，但我想给我的按钮这个功能。我用的是简单代码
$('submit').click(function() { window.location.href = 'myvideo.mp4'; });
但它将我重定向到视频网址不显示下载弹出，我想。谢谢
v8wbuo2f1#
HTML5浏览器现在允许在DOM中为<a>标签添加download属性，但在纯javascript中无法做到这一点。来源：https://stackoverflow.com/a/6794432/5203655但是，如果您可以访问服务器响应，那么在PHP中您可以执行如下操作
<a>
download
<?php header('Content-type: application/octet-stream'); readfile('myvideo.mp4');
字符串
oyt4ldly2#
您可以使用以下命令：
$('submit').click(function() { $('<a/>',{ "href":"The/video/src/path", "download":"video.mp4", id:"videoDownloadLink" }).appendTo(document.body); $('#videoDownloadLink').get(0).click().remove(); });
x8diyxa73#
根据Meghans的回答：
header("Content-disposition: attachment; filename=" . basename($filename) .'"'); header('Content-type: application/octet-stream'); readfile($filename);`
谢谢，@梅根。我复制并修改了你的代码。
3条答案
按热度按时间v8wbuo2f1#
HTML5浏览器现在允许在DOM中为
<a>标签添加download属性，但在纯javascript中无法做到这一点。来源：https://stackoverflow.com/a/6794432/5203655
但是，如果您可以访问服务器响应，那么在PHP中您可以执行如下操作
字符串
oyt4ldly2#
您可以使用以下命令：
x8diyxa73#
根据Meghans的回答：
谢谢，@梅根。我复制并修改了你的代码。