Cat.Web/Cat.Admin.Web/Areas/OrganizationManage/Views/User/UserPortrait.cshtml

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

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

@{
    Layout = "~/Views/Shared/_FormWhite.cshtml";
}

@inject Microsoft.AspNetCore.Hosting.IWebHostEnvironment HostingEnvironment
@section header{
    @BundlerHelper.Render(HostingEnvironment.ContentRootPath, Url.Content("~/lib/cropbox/1.0/cropbox.min.css"))
    @BundlerHelper.Render(HostingEnvironment.ContentRootPath, Url.Content("~/lib/cropbox/1.0/cropbox.min.js"))
}

<div class="container">
    <div class="imageBox">
        <div class="thumbBox"></div>
        <div class="spinner" style="display: none">Loading...</div>
    </div>
    <div class="action">
        <div class="new-contentarea tc">
            <a href="javascript:void(0)" class="upload-img"> <label for="avatar">上传图像</label> </a>
            <input type="file" id="portrait" accept="image/*" />
        </div>
        <input type="button" id="btnCrop" class="Btnsty_peyton" value="裁切" />
        <input type="button" id="btnZoomIn" class="Btnsty_peyton" value="+" />
        <input type="button" id="btnZoomOut" class="Btnsty_peyton" value="-" />
        <input type="button" id="btnSave" class="Btnsty_peyton" value="提交" />
    </div>
    <div class="cropped"></div>
</div>

<script type="text/javascript">
    var id = ys.request("id");
    var cropper;
    var imgFileName;

    $(function () {
        var portrait = '@ViewBag.OperatorInfo.Portrait';
        if (ys.isNullOrEmpty(portrait)) {
            portrait = ctx + 'image/portrait.png';
        }
        else {
            portrait = '@GlobalContext.SystemConfig.ApiSite' + portrait;
        }
        var options = {
            thumbBox: '.thumbBox',
            spinner: '.spinner',
            imgSrc: portrait
        };
        cropper = $('.imageBox').cropbox(options);
        $('#portrait').on('change', function () {
            var file = this.files[0];
            var reader = new FileReader();
            reader.onload = function (e) {
                options.imgSrc = e.target.result;
                //根据MIME判断上传的文件是不是图片类型
                if ((options.imgSrc).indexOf("image/") == -1) {
                    ys.msgError("文件格式错误，请上传图片类型,如：JPG,JEPG，PNG后缀的文件。");
                } else {
                    cropper = $('.imageBox').cropbox(options);
                }
            }
            reader.readAsDataURL(file);