ZhouliProject/Zhouli.Bms/wwwroot/js/User/UserInfo.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

require(["jquery", 'layui'], function ($) {
    layui.use(['form', 'layer', 'upload', 'laydate'], function () {
        form = layui.form;
        $ = layui.jquery;
        var layer = parent.layer === undefined ? layui.layer : top.layer,
            upload = layui.upload,
            laydate = layui.laydate;
        var fileAccessToken = "";
        $.ajaxSettings.async = false;
        $.post("/Token/GetFileServiceToken", function (res) {
            if (res.RetCode != 200) {
                layer.msg(res.RetMsg);
            }
            else {
                fileAccessToken = res.Data;

            }
        });
        $.ajaxSettings.async = true;
        //上传头像
        upload.render({
            elem: '.userFaceBtn',
            url: $('#FileServiceAdress').val(),
            method: "post",
            accept: "images",
            acceptMime: 'image/*',
            auto: false,
            bindAction: "#userFaceUpload",
            choose: function (obj) {
                obj.preview(function (index, file, result) {
                    $('#userFace').attr('src', result); //图片链接（base64）
                    $("#userFaceBtn").hide();
                    $("#userFaceUpload").show();
                });
            },
            before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                layer.msg("头像上传中,请稍等....", { icon: 16, time: 20000 });
            },
            headers: {
                "Authorization": fileAccessToken
            },
            data: {
                StorageMethod: "qiniuyun",
                FileSpaceType: "public"
            },
            done: function (res) {
                console.log(res);
                if (res.RetCode == 200) {
                    //layer.close();
                    layer.msg("头像上传成功");
                    $('#userFace').attr('src', res.Data.FileAddress);
                }

            },
            error: function (index, upload) {
                layer.close();
            }
        });

        //自定义验证规则