js实现右键保存图片

function downloadImage(imageUrl, fileName) {
    fetch(imageUrl)
        .then(response => response.blob())
        .then(blob => {
            const url = URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = fileName || 'downloaded_image.jpg';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
            URL.revokeObjectURL(url); // 释放内存
        })
        .catch(error => console.error('Error downloading the image:', error));
}

// 使用示例
document.addEventListener('contextmenu', event => {
    event.preventDefault(); // 阻止默认的右键菜单
    const imageUrl = 'path_to_your_image.jpg'; // 替换为实际图片路径
    downloadImage(imageUrl, 'my_image.jpg');
});