web实现图片保存到本地

个人blog，欢迎关注加收藏

<!-- html -->
<img src="./img/2b4ae76f22ecd261eb0c87f8ead78285.jpg" class="img1"></img>
<input type="button" value="download_image" onclick="downloadIamge('.img1','image.jpg')">

长按图片保存到本地

/* Css3实现 */
.img1{
  -webkit-touch-callout:default;
}

点击保存图片

//js
function downloadIamge(selector, name) {
    // 通过选择器获取img元素，
    var img = document.querySelector(selector)
    // 将图片的src属性作为URL地址
    var url = img.src
    var a = document.createElement('a')
    a.download = name || 'image'
    a.href = url
    a.click()
}