ASP.NET MVC +Layui 实现图片上传功能

最新推荐文章于 2024-07-12 16:09:07 发布

置顶

做一只有理想的猫

最新推荐文章于 2024-07-12 16:09:07 发布

阅读量1.9k

点赞数 5

分类专栏： layui 文章标签： ASP.NET MC Layui 图片上传

本文链接：https://blog.csdn.net/gods_boy/article/details/108294426

版权

本文介绍了如何使用ASP.NET MVC结合Layui前端框架实现图片上传功能。在Test控制器中定义了UploadImg方法，该方法将上传的图片保存到本地upload文件夹并返回图片路径，前端接收到路径后可以显示图片。测试结果显示，后端能够成功返回图片路径，实现了图片的上传和展示。

摘要由CSDN通过智能技术生成

ASP.NET MVC +Layui 实现图片上传功能

这是一个前端的添加功能

在这里插入图片描述

只展示图片添加的前端代码

 <div class="layui-upload">
<button type="button" class="layui-btn" id="ImgUrlbtn" style="float:left;">
 <font color="red"></font>请选择图片
</button>
<div class="layui-upload-list" style="float:left;margin-left:10px;">
<div class="layer-photos-demo">
 <a id="ImgUrl" style="display:none;"></a>
 <img class="layui-upload-img" id="img1" style="width:100px;height:auto;">
</div>
</div>
 </div>