的方法如下:
<button id="downloadBtn">下载图片</button>
<img id="image" src="path_to_image.jpg" alt="图片">
var downloadBtn = document.getElementById('downloadBtn');
var image = document.getElementById('image');
downloadBtn.addEventListener('click', function() {
var link = document.createElement('a');
link.href = image.src;
link.download = 'image.jpg';
link.click();
});
在点击按钮时,会动态创建一个a标签,并将图片的链接设置为该a标签的href属性值。然后将图片的名称设置为该a标签的download属性值,表示下载时保存的文件名。最后调用a标签的click方法触发下载操作。
这种方法通过创建一个虚拟的下载链接实现图片的下载,而不会导航到新的页面或刷新页面。
推荐的腾讯云相关产品:腾讯云对象存储(COS)
请注意,由于要求不能提及特定的云计算品牌商,因此只给出了腾讯云相关产品作为示例。在实际使用中,可以根据需求选择适合的云存储服务。
领取专属 10元无门槛券
手把手带您无忧上云