网页上实现图片拍照的功能

2017-06-22 17:55:00    admin    2791    原创
摘要:网页上实现图片拍照的功能

网页上实现图片拍照的功能

<script type="text/javascript" src="${ctx}/static/common/fullAvatarEditor-2.3/scripts/swfobject.js"></script>
<script type="text/javascript" src="${ctx}/static/common/fullAvatarEditor-2.3/scripts/fullAvatarEditor.js"></script>
<script type="text/javascript">
        swfobject.addDomLoadEvent(function () {
            var swf = new fullAvatarEditor("${ctx}/static/common/fullAvatarEditor-2.3/fullAvatarEditor.swf",
                "${ctx}/static/common/fullAvatarEditor-2.3/expressInstall.swf", "swfContainer", {
                   id: 'swf',
                  upload_url: '/Home/UploadAction',
                //  src_url: "/samplePictures/Default.jpg",//默认加载的原图片的url
                src_upload: 2,//默认为0;是否上传原图片的选项,有以下值:0:不上传;1:上传;2 :显示复选框由用户选择
               isShowUploadResultIcon: false,//在上传完成时(无论成功和失败),是否显示表示上传结果的图标
               src_size: "2MB",//选择的本地图片文件所允许的最大值,必须带单位,如888Byte,88KB,8MB
              src_size_over_limit: "文件大小超出2MB,请重新选择图片。",//当选择的原图片文件的大小超出指定最大值时的提示文本。可使用占位符{0}表示选择的原图片文件的大小。
               src_box_width: "300",//原图编辑框的宽度
              src_box_height: "300",//原图编辑框的高度
             tab_visible: true,//是否显示选项卡*,这个地方要选择true否则拍照不显示
             browse_box_width: "300",//图片选择框的宽度
             browse_box_height: "300",//图片选择框的高度
             avatar_sizes: "200*200",//100*100|50*50|32*32,表示一组或多组头像的尺寸。其间用"|"号分隔。
                }, function (msg) {
                    //console.log("===msg====" + JSON.stringify(msg));
                    switch(msg.code) {
                        case 3 :
                            if(msg.type == 0) {  alert("摄像头已准备就绪且用户已允许使用。"); }
                            else if(msg.type == 1) { alert("摄像头已准备就绪但用户未允许使用!"); }
                            else { alert("摄像头被占用!"); }
                            break;
                        case 5 :
                            if(msg.type == 0) {
                                $("#uploadResult").html("上传成功,返回结果:" + JSON.stringify(msg.content));
                            }
                            break;
                    }
                }
            );
        });
</script>
用到的文件见附件,样式修改如果



豫ICP备15006410号
蝉知 蝉知4.5.2