layui插件croppers的使用

layui环境下croppers插件的使用

最新推荐文章于 2025-09-11 02:26:18 发布

原创

最新推荐文章于 2025-09-11 02:26:18 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net

本文介绍了在layui框架中使用croppers插件的详细过程，包括前端代码的实现和目录结构展示。作者强调了后台返回JSON格式的重要性，并分享了在.NET Core MVC异步任务中的经验，指出访问根目录的方法变化。

这是我第一次在layui环境下面使用croppers插件.先粘贴下前端代码并附上我的目录结构吧。


@{
    ViewData["Title"] = "Croppers";
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="~/lib/layui/layui.css" rel="stylesheet" />
    
</head>
<body>
    <div class="layui-form-item">
        <label class="layui-form-label">头像</label>
        <div class="layui-input-inline">
            <input type="text" name="head" lay-verify="required" id="inputimgurl" placeholder="图片地址" value="123.jpg" class="layui-input">
        </div>
        <div class="layui-input-inline">
            <div class="layui-upload-list" style="margin:0">
                <img src="./微信图片_20190404185124.png" id="srcimgurl" class="layui-upload-img">
            </div>
        </div>
        <div class="layui-input-inline layui-btn-container" style="width