想必很多人工作中经常需要实现上传图片的功能。

先引用此插件 http://files.cnblogs.com/files/hmYao/jquery-form.js。

前台代码

<form data-ajax-success="AfterUpload" enctype="multipart/form-data" id="frm"><input type="file" name="fileBase" value=" " id="imgUpload" class="jiangli_1_w" /><input type="submit" id="btnSub" value="上传图片" /> <span class="flat_loe">上传图片宽度最大尺寸720px,高度无限制</span></form>

 //上传图片$("#btnSub").click(function () {$("#frm").ajaxSubmit({url: "/Slide/UploadImage",type: "Post",success: AfterUpload});return false;});function AfterUpload(msg) {if (msg != "0") {$("#imgPath").removeAttr("src").attr("src", msg);} else {swal({title: "温馨提示",text: "图片格式有误"});$("#imgPath").val("");return false;}}

对应的后台代码如下:

      /// <summary>/// 上传图片/// </summary>/// <param name="fileBase"></param>/// <returns></returns>
        [HttpPost]public ActionResult UploadImage(HttpPostedFileBase fileBase){string imgurl = string.Empty;string imgPath = System.IO.Path.GetFileName(fileBase.FileName);int index = imgPath.LastIndexOf('.');string suffix = imgPath.Substring(index).ToLower();if (suffix == ".jpg" || suffix == ".jpeg" || suffix == ".png" || suffix == ".gif" || suffix == ".bmp"){string pictureName = DateTime.Now.Ticks.ToString() + suffix; //图片名称string savePath = Server.MapPath("/Files/Images/SlideConfig/");//幻灯片文件夹if (!Directory.Exists(savePath)){Directory.CreateDirectory(savePath);}imgurl = "http://" + Request.Url.Authority + "//Files/Images/SlideConfig/" + pictureName;fileBase.SaveAs(savePath + pictureName);}else{imgurl = "0";}return Content(imgurl);}

有一点很重要,很多人都拿不到上传的路径值。注意参数的名称 需要和 file标签的name相同。

到此结束...

转载于:https://www.cnblogs.com/hmYao/p/6598443.html

asp.net上传图片,上传图片相关推荐

  1. 在ASP.NET中上传图片并生成缩略图

    在ASP.NET中上传图片并生成缩略图,可以参照下列代码: private void btnUploadPicture_Click(object sender, System.EventArgs e) ...

  2. asp.net中上传图片并生成小图片,自动添加水印的代码 .

    asp.net中上传图片并生成小图片,自动添加水印的代码 分类: .Net(C#) 2010-03-22 15:28 242人阅读 评论(0) 收藏 举报 /// 上传图片生成缩略图及水印 (来自:h ...

  3. ASP.NET MVC 上传图片到项目目录中的文件夹并显示

    因项目需求,需要一个上传图片并显示的功能,类似于上传头像并显示出来.查阅了网上资料,写了个Demo,希望能帮助到更多的人.此Demo基于ASP.NET MVC实现. 选择图片: 点击按钮进行上传: 一 ...

  4. asp无组件上传图片 动态保存文件名 upload.inc逐句翻译

    先上解释代码,后面跟上实用inc代码及调用方法<SCRIPT RUNAT=SERVER LANGUAGE=VBSCRIPT> dimupfileStreamClass upload '类名 ...

  5. 【ASP.Net】上传图片+水印

    前言 上篇文章说到了在winfrom中上传图片,那么在BS里上传图片又该怎么写呢?首先要做出网页的表单,在浏览器页中选择本地上传文件,通过文件上传域,点击上传通过post,把请求报文发给服务端,然后保 ...

  6. asp.net mvc 上传到服务器 图片不显示,asp.net MVC上传图片完整方法

    图片上传 自动创建文件夹并重命名(带缩略图) 后台: [HttpPost] public ActionResult WanSell_UploadPicture(ProductGalleryModels ...

  7. ASP.NET MVC上传图片前后台内容

    //样式采用bootstrap样式  //前端form表单代码 //着重声明:form表单必须是post方式, //表单中enctype="multipart/form-data" ...

  8. asp 调用php上传图片,asp 版 本地图片上传问题!

    真的很简单~  就是两个 点点  的问题~:(    真当是 人不学不知义 啊~:) 为了让和我一样笨笨的人能节省些 宝贵的时间打麻将~:)我把 简单的代码贴出来~:) KE.show({ id : ...

  9. asp html 生成图片,asp无组件上传图片并生成缩略图

    先创建一文件夹,并创建虚拟目录或站长点. 1.增加上传页xAdd.html 无组件上传 "POST"name="myform"action="xSav ...

  10. ASP.net(C#)批量上传图片(完整版)

    来自:http://blog.itpub.net/9869521/viewspace-667955/ 这篇关于ASP.Net批量上传图片的文章写得非常好,偶尔在网上看到想转载到这里,却费劲了周折.为了 ...

最新文章

  1. 解读 | 2019年10篇计算机视觉精选论文(中)
  2. Windows Mobile使用Shared Memory(共享内存)进行IPC(进程间通信)的开发
  3. pymongo TypeError
  4. php html转为pdf文件,php使用wkhtmltopdf实现html转pdf
  5. 干货 | Tomcat 连接数与线程池详解
  6. 关于RabbitMQ集群分区的通知
  7. 没有第三个变量的前提下交换两个变量_JavaScript 交换值的方法,你能想到几种?
  8. 蓝桥杯 ALGO-119 算法训练 寂寞的数
  9. Keras 实现 LSTM时间序列预测
  10. 创建一个单选框的html代码是,HTML试题(超有用).doc
  11. 2017-07-12(数据库)
  12. PL/SQL(一)简介
  13. 7台不同配置M1 MacBook Pro真实测试
  14. Subsequence Count (线段树)
  15. java 通过身份证判断性别
  16. ural 1104. Don’t Ask Woman about Her Age
  17. electron的单元测试(基于mocha+chai+karma)
  18. 自控力极差的人如何自救-转载自知乎高赞回答
  19. tensorflow.python.framework.errors_impl.InternalError: ...... Dst tensor is not initialized.
  20. div布局系列 - 两端对齐的方法

热门文章

  1. TCP/IP系列——长连接与短连接的区别
  2. cocos2d-x 3.1 编译脚本android-build.py
  3. WPF 位置转化和动画
  4. Oracle学习笔记---(一)
  5. JS:ES6-2 const 关键字
  6. LeetCode(509)——斐波那契数(JavaScript)
  7. Linux---信号及其使用简单讲解
  8. 【百度地图】——利用三级联动加载百度地图
  9. ip、子网掩码、默认网关以及传输过程
  10. 今天有个微信好友咨询我