tnblog
首页
视频
资源
登录

ajaxSubmit异步上传图片(嘘,外面都是假的)

6235人阅读 2019/6/20 20:16 总访问:3470541 评论:0 收藏:0 手机
分类: .net后台框架

引用代码

  1. <script src="/Scripts/jquery.form.js"></script>

js就在旁边img链接中,只不过大小为0x0,把jpg改为js即可使用


示例代码

前台:

  1. $("#formscimg").ajaxSubmit({
  2.                     url"/CAUM/UploadImage",
  3.                     type"Post",
  4.                     successfunction (data{
  5.                         if (data.msg.indexOf("成功") >= 0) {
  6.                             $("#addimgs").attr("src", data.src);
  7.                             $("#addimgsaa").val(data.src);
  8.                         }
  9.                     }
  10.                 });

后台:

  1. public ActionResult UploadImage()
  2. {
  3.     var item = Request.Files[0];
  4.     //UploadFiles/UploadImge
  5.     string[] ssname = item.FileName.Split('.');
  6.     string path = "/UploadFiles/UploadImgs/" + Guid.NewGuid().ToString() + "-" + item.FileName;
  7.     if (ssname.Length > 1)
  8.     {
  9.         string sstname = ssname.Last();
  10.         if (sstname == "jpg" || sstname == "png" || sstname == "gif" || sstname == "bmp" || sstname == "jpeg")
  11.         {
  12.             item.SaveAs(Server.MapPath(path));
  13.             return Json(new
  14.             {
  15.                 src = path,
  16.                 name = Path.GetFileNameWithoutExtension(item.FileName),   // 获取文件名不含后缀名
  17.                 msg = "上传成功"
  18.             });
  19.         }
  20.         else
  21.         {
  22.             return Json(new
  23.             {
  24.                 src = "",
  25.                 name = "",   // 获取文件名不含后缀名
  26.                 msg = "上传后缀有误!"
  27.             });
  28.         }
  29.     }
  30.     return Json(new
  31.     {
  32.         src = "",
  33.         name = "",   // 获取文件名不含后缀名
  34.         msg = "上传出错"
  35.     });
  36. }

.net core中:

  1. [HttpPost]
  2.         public async Task<JsonResult> AddNews(AddNews news,IFormCollection collection)
  3.         {
  4.             if (news.NewsClassifyId<=0||string.IsNullOrEmpty(news.Title)||string.IsNullOrEmpty(news.Contents))
  5.             {
  6.                 return Json(new ResponseModel { code=0,result="参数有误" });
  7.             }
  8.             var files = collection.Files;
  9.             if (files.Count>0)
  10.             {
  11.                 #region 判断图片大小
  12.                 var change = _newsService.TheImglength(files[0].Length);
  13.                 if (change.code == 0)return Json(change);
  14.                 #endregion
  15.                 string webrootpath = _host.WebRootPath;
  16.                 string relavpath = "\\NewsPic";
  17.                 string absolpath = webrootpath + relavpath;
  18.                 string[] fileTypes = new string[] { ".gif"".jpg"".jpeg"".png"".bmp" };
  19.                 string extension = Path.GetExtension(files[0].FileName);
  20.                 if (fileTypes.Contains(extension))
  21.                 {
  22.                     if (!Directory.Exists(absolpath))
  23.                     {
  24.                         Directory.CreateDirectory(absolpath);
  25.                     }
  26.                     string fileName = DateTime.Now.ToString("yyyyMMddHHmmss")+extension;
  27.                     var filePath = absolpath + "\\" + fileName;
  28.                     using (var stream = new FileStream(filePath,FileMode.Create))
  29.                     {
  30.                         await files[0].CopyToAsync(stream);
  31.                     }
  32.                     news.Image = "/NewsPic/" + fileName;
  33.                     return Json(_newsService.AddNews(news));
  34.                 }
  35.                 return Json(new ResponseModel { code = 0, result = "图片格式有误" });
  36.             }
  37.             return Json(new ResponseModel { code = 0, result = "请上传图片" });
  38.         }



欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739

评价

C ?、?? 问号和2个问号的用法类型?、对象?

C# ?C# ???:单问号1.定义数据类型可为空。可用于对int,double,bool等无法直接赋值为null的数据类型进行null的赋值如这...

Python实例 1-日志抓取处理 补错附日志小技巧

有时候数据出了问题,可以从日志中恢复数据(如果你没记日志..没备份..→_→..)一、日志展示介绍个平常自己用的小方法,如...

C 数组拆分泛型

主要用到了泛型。泛型是c#2.0的一个新增加的特性,它为使用c#语言编写面向对象程序增加了极大的效力和灵活性。不会强行对值...

MySQL 视图的增删改 查

要显示视图的定义,需要在SHOWCREATEVIEW子句之后指定视图的名称, 我们先来创建几张表,完事后在进行演示:--用户信息表...

使用NPOI导出excel包括图片

Excl模板导出相信我们都会,那么模板上要导出图片呢?嗯~还是来个例子:准备工作:首先要引用NPOI包:然后获取数据集(我这...

.NET MVC 使用百度编辑器详细教程:1配置编辑器

一、什么是百度编辑器百度编辑器UEditor是由百度web前端研发部开发一款应用于网站的编辑器,具有轻量,可定制,注重用户体...

使用jquery操作元素的css样式获取、修改等等

使用jquery操作元素的css样式(获取、修改等等) //1、获取和设置样式 $(&quot;#tow&quot;).attr(&quot;class&quot;)...

.net辗转java系列视野

.net辗转java系列(一)视野.net系java系其它语言C#Java框架.net Framework Standardjava se.net corejava eejave meJava S...

.NET MVC json对象或者json对象数组的序列化和反序列化

1、用JSON.stringify()将对象stuarr或者json数组stuarr序列化成字符串,然后提交给后台。$.post(&quot;/home/DoUpdate&quot...

.NET MVC json对象或者json对象数组的序列化和反序列化

1、用JSON.stringify()将对象stuarr或者json数组stuarr序列化成字符串,然后提交给后台。$.post(&quot;/home/DoUpdate&quot...

mui框架-移动端跳转以及传值的简单方法修改解决方法

纠结了两天的MUI跳转的问题,终于解决了 ,现在分享给大家,希望大家有什么坑的解决也给我分享分享 哈哈,废话不多说,上代...

MVC全局异常处理错误日记

1、在Filter文件夹中创建一个IsExceptionFilter类(类名随意取)2、使用3、在访问的页面控制器中添加几个错误4、在IsExcept...

MVC全局异常处理错误日记

1、在Filter文件夹中创建一个IsExceptionFilter类(类名随意取)2、使用3、在访问的页面控制器中添加几个错误4、在IsExcept...

Hbuilder打包APP的教程会操作的略过

首先项目必须是APP端的,可能讲解有点啰嗦,讲解准备的工具:HBuilderX(其他版本也可以,这里用X版本来讲解)、待测试手机...

IOC控制反转与DI依赖注入

IOC与DI都是为了降低类与类之间的耦合度。耦合性耦合性也叫块间联系。指软件系统结构中各模块间相互联系紧密程度的一种度量...
这一世以无限游戏为使命!
排名
2
文章
635
粉丝
44
评论
93
docker中Sware集群与service
尘叶心繁 : 想学呀!我教你呀
一个bug让程序员走上法庭 索赔金额达400亿日元
叼着奶瓶逛酒吧 : 所以说做程序员也要懂点法律知识
.net core 塑形资源
剑轩 : 收藏收藏
映射AutoMapper
剑轩 : 好是好,这个对效率影响大不大哇,效率高不高
ASP.NET Core 服务注册生命周期
剑轩 : http://www.tnblog.net/aojiancc2/article/details/167
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术