JavaScript实现图片点击保存而非直接打开

创建隐藏iframe加载图片

<iframe height="0" width="0" src="/images/logo.gif" name="saveImage" id="saveImage"></iframe>

通过execCommand触发保存

接着，添加一个链接元素，其href属性设为###以避免页面跳转。在onclick事件中调用saveImage.document.execCommand('saveAs')方法。当用户点击该链接时，浏览器会尝试对iframe中加载的图片执行保存操作，从而弹出“图片另存为”对话框。