浏览器摄像头拍照并裁剪上传

基于webcam.js和cropbox.js实现网页获取摄像头拍照并裁剪上传。(注:您的设备一定要有摄像头,并在网页预览时允许访问设备!)// 完成上传   图片为base64 
$(&q

基于webcam.js和cropbox.js实现网页获取摄像头拍照并裁剪上传。(注:您的设备一定要有摄像头,并在网页预览时允许访问设备!)

浏览器摄像头拍照并裁剪上传

// 完成上传   图片为base64 
$("#main__submit").click(function() {
    var ahis = $(this);
    console.log(cropper.getDataURL());
    ahis.hide(); //修改/url为后台地址,获取data参数,头像为base64编码字符,占用空间较小可直接存数据库。或者通过转码为字节存为文件即可 
    $.post("/url", {
        data: cropper.getDataURL()
    }, function(data) {
        ahis.show();
        ahis.html("OK");
    });
})

下载地址

本站内容转自网络,若侵犯了你的权益,请联系我们,我们将在第一时间删除。

如若转载,请注明出处:http://www.ntuku.com/14168.html