LayUI上传图片

[HttpPost]
public ActionResult Upload()
{
try
{
var file = Request.Files[0];
var filecombin = file.FileName.Split(‘.‘);
if (file == null || String.IsNullOrEmpty(file.FileName) || file.ContentLength == 0 || filecombin.Length < 2)
{
return Json(new
{
fileid = 0,
src = "",
name = "",
msg = "上传出错 请检查文件名 或 文件内容"
});
}
//定义本地路径位置
string local = "Upload\\" + System.DateTime.Now.ToString("yyyy-MM-dd");
string filePathName = string.Empty;
string localPath = Path.Combine(HttpRuntime.AppDomainAppPath, local);

var tmpName = Server.MapPath("~/Upload/" + System.DateTime.Now.ToString("yyyy-MM-dd") + "/");
var tmp = file.FileName;
var tmpIndex = 0;
//判断是否存在相同文件名的文件 相同累加1继续判断
while (System.IO.File.Exists(tmpName + tmp))
{
tmp = filecombin[0] + "_" + ++tmpIndex + "." + filecombin[1];
}

//不带路径的最终文件名
filePathName = tmp;

if (!System.IO.Directory.Exists(localPath))
System.IO.Directory.CreateDirectory(localPath);
string localURL = Path.Combine(local, filePathName);
file.SaveAs(Path.Combine(localPath, filePathName)); //保存图片(文件夹)
return Json(new
{
src = localURL.Trim().Replace("\\", "/"),
name = Path.GetFileNameWithoutExtension(file.FileName), // 获取文件名不含后缀名
msg = "上传成功",
fileName = "~/Upload/" + System.DateTime.Now.ToString("yyyy-MM-dd") + "/" + filePathName//最终返回的路径及文件名称

});
}
catch { }
return Json(new
{
src = "",
name = "", // 获取文件名不含后缀名
msg = "上传出错",
fileName = ""
});
}

原文地址:https://www.cnblogs.com/lhl123/p/10936387.html

时间: 2024-11-15 07:28:41

LayUI上传图片的相关文章

thinkphp结合layui上传图片

简单示例: <script type="text/javascript"> layui.use(['form', 'layedit','element', 'laydate','upload'], function(){ var form = layui.form; var layer = layui.layer; var layedit = layui.layedit; var laydate = layui.laysdate; // 上传 var upload = la

Layui上传图片 带接口

layui.use('upload', function () { var upload = layui.upload; upload.render({ elem: '#LAY_avatarUpload' , url: setter.apiDomain + '/api/WxPay/UploadFileByStream_Head' , choose: function (obj) { //将每次选择的文件追加到文件队列 var files = obj.pushFile(); //预读本地文件,如果

layui——上传图片,并实现放大预览

一般上传文件后会返回文件的路径,然后存储到数据库,那么首先实现上传后的放大和删除功能 function uploadSmallPic() { var upload = layui.upload; upload.render({ elem: '#smallPic' , url: '/upload/uploadPic' , auto: false , number: 1 , bindAction: '#uploadSmallPic' , choose: function (obj) { var fi

Layui前端上传模块

在工作中使用到layui,发现其上传功能并不是很适用于自己的项目.故此,借用其上传功能,自己将图片压缩并上传. Layui 上传图片官方文档:https://www.layui.com/doc/modules/upload.html HTML: <button type="button" class="layui-btn" id="test1"> <i class="layui-icon"></

layui编辑器(layedit)的实现和图片上传功能

官方文档入口:https://www.layui.com/doc/modules/layedit.html#uploadImage 先看效果图片: 开始上代码了 前端代码 1 <div class="layui-input-block"> 2 <textarea id="demo" style="display: none;"></textarea> 3 </div> js代码 1 layui.us

layui的上传图片

前台html的代码: <div class="layui-form-item"> <label class="layui-form-label">电影图片</label> <div class="layui-input-block"> <input type="hidden" name="imageName" value="${film.ima

layUI独立组件layer-laydate-laypage项目实践用法

layUI官网:http://www.layui.com/ 有以下四个独立组件(可单独使用): 弹出层组件layer链接:http://layer.layui.com/ 日期组件laydate链接:https://www.layui.com/laydate/ 分页组件laypage链接:https://www.layui.com/laypage/ 轻量的JavaScript模板引擎laytpl链接:https://www.layui.com/laytpl/(暂未使用) 项目中实践用法汇总 项目技

layui文件上传回调前对文件类型及大小判断

1.关于layui.upload的before上传前对文件类型及文件大小判断,阻止默认上传实现方法[下图代码是对图片上传是宽高限制处理]: layui.use(['upload', 'form'], function () { var upload = layui.upload; var form = layui.form; upload.render({ elem: '#uploadCover' , url: '/file/upload.shtml' , method: "post"

layui 图片上传+表单提交+ Spring MVC

Layui 的上传是最常用的, 不可或缺, 记录一下代码, 以后复制都能用!! 1.前端HTML: <div class="layui-form-item"> <label class="layui-form-label">修改头像</label> <div class="layui-input-inline uploadHeadImage"> <div class="layui-u