html5 如何将摄像头拍下的图片下载到本地

首先你canvas已经有图了

然后通过ajax发给后台 然后后台做保存

js:

    var data = _canvas.toDataURL() 

    //删除字符串前的提示信息 "data:image/pngbase64,"  

    var b64 = data.substring(22)  

  

    $.ajax({ url: "RotateCanvas.aspx", data: { data: b64, name: i.toString() }, success:  

            function ()  

            {  

              alert('OK')  

            }  

    })

java:

if (Request["name"] != null)  

{  

    string name = Request["name"]  

    String savePath = Server.MapPath("~/images/output/")  

  

    try  

    {  

        FileStream fs = File.Create(savePath + "/" + name + ".png")  

        byte[] bytes = Convert.FromBase64String(Request["data"])  

  

        fs.Write(bytes, 0, bytes.Length)  

        fs.Close()  

    }  

    catch (Exception ex)  

    {  

    }  

}

图片的下载是需要时间的。要保证canvas绘图前，图片已加载完毕。

所以，图片的绘制drawimage代码要写在图片的加载事件中。

img.onlonload=function(){

绘制的代码…

}

---