Question

我是javascript和html5的新手。我正在做我的大学项目。我正在创建一个基于网络的照片捕捉系统。是否可以自动将图像保存到本地存储。用户点击捕获按钮后？

FYI，当用户点击捕获按钮时，它会激活此功能

function(){context.drawImage(video, 0, 0, 320, 240)}

感谢。

Answer 1

您可以使用toDataURL生成<a>链接，以便用户下载图片：

function(){
    context.drawImage(video, 0, 0, 320, 240);
    var dl = document.createElement("a");
    dl.href = canvas.toDataURL();
    dl.innerHTML = "Download Image!";
    dl.download = true; // Make sure the browser downloads the image
    document.body.appendChild(dl); // Needs to be added to the DOM to work
    dl.click(); // Trigger the click
}

然后应该开始下载图像。这取决于download属性的浏览器支持。

Example jsFiddle

自动将图像保存到本地

1 个答案: