haoshengxin/company/modules/wechat/views/user/add.php

<?php

/* @var $this yii\web\View */

use yii\helpers\Url;
use yii\widgets\ActiveForm;
use common\models\UploadForm;
$this->title = '人员管理';
?>

<div class="add-staff">
    <ul>
        <li class="img">
            <div class="left">头像</div>
            <div class="right">
                <ul class="upload-img" id="warp">
                    <li>
                        <div class="acc_img">
                            <div id="sss">
                                <img id="imgShow_WU_FILE_0" class="acc_imgin"/>
                                <input  name="logo" id="logo"  hidden="hidden" value=""/>
<!--                                <input id="imageurl" hidden="hidden" value="/product_picture/201708/21/15032993219493714.jpg" />-->
                            </div>
                        </div>
                    </li>
                </ul>

            </div>
        </li>
        <li class="name">
            <div class="left">姓名</div>
            <div class="right">
                <input value="" type="email" placeholder="请输入姓名" class="text realname">
            </div>
        </li>
        <li class="job">
            <div class="left">职位</div>
            <div class="right">
                <select name="" id="staff">
                    <option value="designer">设计师</option>
                    <option value="manager">项目经理</option>
                </select>
                <i class="iconfont icon-gengduo sel-icon"></i>
            </div>
        </li>
        <li class="none">
            <textarea placeholder="请输入人员简介" class="introduction"></textarea>
        </li>
    </ul>
</div>
<a href="#" class="weui-btn weui-btn_plain-default submit-btn">完成</a>
<script>
    $('.acc_imgin').on('click', function () {
        var that = this;
        var image = {
            localId: [],
            serverId: []
        };
        wx.chooseImage({
            count: 1, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
                image.localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                wx.uploadImage({
                    localId: image.localIds[0], // 需要上传的图片的本地ID，由chooseImage接口获得
                    isShowProgressTips: 1, // 默认为1，显示进度提示
                    success: function (res) {
                        image.serverId = res.serverId; // 返回图片的服务器端IDd
                        $('#logo').val(image.serverId);
                    }
                });
                if(window.__wxjs_is_wkwebview){
                    wx.getLocalImgData({
                        localId:image.localIds[0], // 图片的localID
                        success: function (res) {
                            var localData = res.localData; // localData是图片的base64数据，可以用img标签显示
                            $(that).attr('src',localData);
                        }
                    });
                }else{
                    $(that).attr('src',image.localIds[0]);
                }
            },
            fail: function(res){
            }
        });
    });

    $('.submit-btn').click(function(){
        var imageurl = $('#logo').val();
        var realname = $('.realname').val();
        var introduction = $('.introduction').val();
        var type = $('#staff').val();

        if(imageurl ==""){
            $.alert("请上传图片");return false;
        }else if(realname ==""){
            $.alert("请填写名字");return false;
        }else if(introduction ==""){
            $.alert("请填写简介");return false;
        }else{
            $.ajax({
                url:'<?=Url::toRoute(['user/add']);?>',
                type:'GET',
                dataType:'json',
                data:{type:type,imageurl:imageurl,realname:realname,introduction:introduction},
                success:function(data){
                    if(data.sign==1){
                        $.alert(data.msg, "提示", function() {
                            window.location.href="<?=Url::toRoute(['user/personnel'])?>";
                        });
                    }else{
                        $.alert(data.msg);
                    }
                }

            });
        }
    });
</script>