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

时间:2013-07-19 14:50:23

标签: javascript html5 image mobile browser

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

虽然我知道您可以点按并按住图像进行保存,但我喜欢我们技术倾向较少的用户按钮。

手机生态系统多种多样,因此任何手机都适合我。我只是好奇,如果可能的话。

一些尝试:

适用于桌面设备,通过电话连接(Android)

<a href="logo.png" download="logo.png">
    <img src="logo.png" alt="">
</a>

点击时挂起(Android)

save image to user's disk using javascript

1 个答案:

答案 0 :(得分: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);
}