將圖像自動保存到本地

Question

我是javascript和html5的新手。我在做我的大學項目。我正在創建一個基於Web的照片捕捉系統。是否可以自動將圖像保存到本地存儲。用戶點擊捕捉按鈕後？

僅供參考， 當用戶打在拍攝按鈕，將其激活此功能

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