长按保存图片实现方式

1
第二步也是可以实现的。
“保存图片”修改成 “长按保存图片”
用css长要保存的图片定位在button上面,设置opacity:0
长按button就会调出actionSheet。

2

/**
 * 在本地进行文件保存
 * @param  {String} data     要保存到本地的图片数据
 * @param  {String} filename 文件名
 */
saveFile(data, filename) {
    const save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
    save_link.href = data;
    save_link.download = filename;

    const event = document.createEvent('MouseEvents');
    event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    save_link.dispatchEvent(event);
}

你可能感兴趣的:(长按保存图片实现方式)