从浏览器将图像保存到手机图库

Mik*_*son 5 javascript browser mobile html5 image

所以这似乎不太纯粹从安全的角度来看,但我需要覆盖我的基础.有没有人遇到过将浏览器中的图像保存到用户图库的方法?在这种情况下,我特别谈论的是网站服务的javascript(不是phonegap).

虽然我知道你可以点击并按住图像来保存,但我喜欢一个按钮,供我们那些技术性较差的用户使用.

电话生态系统是多种多样的,所以任何电话都适合我.我只是好奇,如果可能的话.

一些尝试:

适用于桌面,通过电话链接(Android)

<a href="logo.png" download="logo.png">
    <img src="logo.png" alt="">
</a>
Run Code Online (Sandbox Code Playgroud)

点击时挂起(Android)

使用javascript将图像保存到用户的磁盘

mes*_*lds 0

怎么样:

function save(){
    document.addEventListener("deviceready", onDeviceReady, false);
}

function onDeviceReady() {
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);
}

function gotFS(fileSystem) {
    fileSystem.root.getFile("pic.jpg", {create: true, exclusive: false}, gotFileEntry, fail);
}

function gotFileEntry(fileEntry) {
    fileEntry.createWriter(gotFileWriter, fail);
}

function gotFileWriter(writer) {

    var photo = document.getElementById("image");
    writer.write(photo.value);

}

function fail(error) {
    console.log(error.code);
}
Run Code Online (Sandbox Code Playgroud)