如何点击下载图片

时间:2018-11-26 09:22:37

标签: javascript jquery html

我具有用于下载图像的这段代码,但是当我单击下载按钮时,它将开始下载过程,但下载未完成,没有收到文件,但发现类型错误。

<html>
<head>
<script type="text/javascript">
function prepHref(linkElement) {
    var myDiv = document.getElementById('fullsized_image_holder');
    var myImage = myDiv.children[0];
    linkElement.href = myImage.src;
}
</script>
</head>
<body>

<div id="fullsized_image_holder">

         

</div>
<a href="#" onclick="prepHref(this)" download>Click here to download image</a>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

您可以使用Jquery File Download PluginPaolo Bergantino引用的answer

示例

var member = ctx.Member;
await ctx.Guild.GrantRoleAsync(member, role);

答案 1 :(得分:0)

您可以使用以下之一。

<div id="div-id"><img src="yourImage.jpg" style="margin-top: 0px;"></div>

<a href="#" onclick="this.href = $('#div-id img:first').attr('src');" download>Clickdownload image</a>

div-id是保存图片的div。