用uni-app框架写h5页面,想保存图片,图片有url地址的，要保存图片到手机相册, 该怎么实现呢？

Question

如题，用uni-app框架只写h5页面，要保存图片到手机相册，用的图片的网络地址, 比如 http://img.sccnn.com/bimg/341... ， 请问下要实现这个功能该怎么做？

Answer 1

需要使用到这两个api：uni.getImageInfo、uni.saveImageToPhotosAlbum

//别忘了在函数前加 async
let src = 'https://s2.ax1x.com/2020/01/05/lrCDx0.jpg'
src = (await uni.getImageInfo({src}))[1].path;
uni.saveImageToPhotosAlbum({
    filePath: src,
    success: () => {
        console.log('save success')
    }
});

抱歉，我看错题了，是H5，不过H5应该是直接点开图片，然后长按就会出现保存图片了。

Answer 2

image组件渲染出的图片，在safari浏览器中长按无反应，请问怎么解决呢？我目前直接用的img标签