Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>剪切图片</title>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css"/>
        <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
        <style type="text/css">
            .bgc-000{
                background-color: #000;
            }
        </style>
    </head>
    <body>
        <div class="h45">
            <div class="demo-comtop">
                <a class="mui-action-back"></a>
                <h1 class="c-f18">我的资料</h1>
            </div>
        </div>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.min.js"></script>
        <script type="text/javascript" src="../../../js/common_http.js"></script>
        <script src="../js/upload_photo_modify.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/transform.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/alloy_finger.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/alloy_crop.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/lrz.all.bundle.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            var srcUrl, imgName;
            mui.init();
            mui.plusReady(function(){
                var self = plus.webview.currentWebview();
                srcUrl = self.srcUrl;
                imgName = self.imgName;
                
                var windowWidth = document.documentElement.clientWidth;
                lrz(srcUrl)
                    .then(function (rst) {
                        // 处理成功会执行 
                        new AlloyCrop({
                            image_src: rst.base64,
                            width: windowWidth,
                            height: windowWidth,
                            ok_text: "保存",
                            cancel_text: "取消",
                            ok: function(base64, canvas){
                                var data=base64.split(',')[1];
                                data=window.atob(data);
                                var ia = new Uint8Array(data.length);
                                for (var i = 0; i < data.length; i++) {
                                    ia[i] = data.charCodeAt(i);
                                }
                                var blob=new Blob([ia],{type:"image/png",endings:'transparent'});
                                fileUrl = URL.createObjectURL(blob);
                                isModify = true; //修改标记
                                afterSaveCB = function(){
                                    var old_back  =  mui.back;
                                    mui.back=function(){
//                                      var gerenziliaoview =  plus.webview.getWebviewById("gerenziliao");
                                        var selfwv = plus.webview.currentWebview(),
                                            gerenziliaoview = selfwv.opener();
                                        if(gerenziliaoview){
                                            mui.fire(gerenziliaoview,"getDocInfo");
                                        }
                                        old_back(); 
                                    };
                                    mui.back();
                                };
                                
                                var fd=new FormData();
                                fd.append('file',blob,'image.png');
                                $.ajax(server + 'upload/image', {
                                    data: fd,
                                    dataType: 'json',
                                    contentType: false,
                                    cache: false,
                                    processData: false,
                                    type: 'post',
                                    error: function(res) {
                                        mui.toast("头像修改失败,请稍后重试");
                                        plus.nativeUI.closeWaiting();
                                        return;
                                    },
                                    success: function(res) {
                                        if(res.status == 999 || res.status == 998 || res.status == 997){
                                            mui.toast("头像修改失败,请稍后重试");
                                            plus.nativeUI.closeWaiting();
                                            return;
                                        }
                                        var params = {};
                                        params.photo = res.urls;
                                        var patientUrl = res.urls;
                                        fileHttpUrl = patientUrl;
                                        saveInfo();
                                    }
                                });
                            },
                            cancel: function () {
                                mui.back();
                            }
                        });
                    })
                    .catch(function (err){
                        // 处理失败会执行
                        console.log(err);
                    });
            });
        </script>
    </body>
</html>