javascript下载按钮,而不是右键单击
我正在尝试为instagram制作一个视频下载程序,但每当我获取视频url时,它不会下载,我必须右键单击并保存。有没有一种方法我可以制作一个下载按钮而不是右键点击保存 这是我的密码javascript下载按钮,而不是右键单击,javascript,html,download,Javascript,Html,Download,我正在尝试为instagram制作一个视频下载程序,但每当我获取视频url时,它不会下载,我必须右键单击并保存。有没有一种方法我可以制作一个下载按钮而不是右键点击保存 这是我的密码 $("#getMedia").click(getMedia); var render = document.querySelector("#media"); function createMedia(data, type) { var media = document
$("#getMedia").click(getMedia);
var render = document.querySelector("#media");
function createMedia(data, type) {
var media = document.createElement(type);
media.id = "instagramMedia";
media.src = data.content;
media.setAttribute("class", "");
media.width = $(render).width();
if (type === "video") {
media.controls = true;
media.autoplay = true;
}
render.innerHTML = "";
var downloadMsg = document.createElement("p");
downloadMsg.setAttribute("class", "bg-success text-info");
downloadMsg.innerText = "Right Click on the Media below to get Save Option!";
render.appendChild(downloadMsg);
render.appendChild(media);
}
function getMedia() {
var url = $("#postUrl").val();
if (url) {
$.get(url, function (data) {
render.innerHTML = data;
var mediaWaitTimer = setTimeout(function () {
var video = document.querySelector('meta[property="og:video"]');
if (video) {
createMedia(video, "video");
} else {
var img = document.querySelector('meta[property="og:image"]');
if (img) {
createMedia(img, "img");
} else {
document.body.innerHTML = body;
alert("Error extracting Instagram image / video.");
};
}
clearTimeout(mediaWaitTimer);
}, 200);
});
} else {
document.querySelector("#media").setAttribute("placeholder", "Invalid Address, Please Enter Proper Insagram Link");
}
}
在
createMedia
函数中为可单击的html元素设置download
属性
<a href="myvideo.mp4" download>Download</a>
参考访问:https://www.w3schools.com/tags/att_a_download.asp