asp.net上传图片,上传图片

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

先引用此插件 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相同。

到此结束...

时间: 2024-11-09 20:15:06

asp.net上传图片,上传图片的相关文章

Asp.Net MVC上传图片

mvc上传图片 [HttpPost] public JsonResult Upload() { if (Request.Files.Count > 0) { if (Request.Files.Count == 1) { HttpPostedFileBase file = Request.Files[0]; if (file.ContentLength > 0) { string title = string.Empty; title = DateTime.Now.ToString("

asp.net mvc 上传图片 摘自mvc 高级编程第311页

Image Uploads I am going to complete the SportsStore user experience with something a little more sophisticated: I will add the ability for the administrator to upload product images and store them in the database so that they are displayed in the pr

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

摘自:http://www.biye5u.com/article/netsite/ASPNET/2010/1996.html 这篇关于ASP.Net批量上传图片的文章写得非常好,偶尔在网上看到想转载到这里,却费劲了周折.为了更新这篇文章,我用了近半个小时,网上的转载都残缺不全,希望大家有用的参考一下,作者写的非常好. 因本网站上传图片的需要,参考很多成熟的经验,在ASP.net平台上使用C#语言,做了这一自动批量上传图片的.ASPX文件,并经调试成功,在本网站上使用,现发出来供大家参考,也希望高

Net实现上传图片按比例自动缩小或放大的方法

本文实例主要展示了.Net实现上传图片按比例自动缩小或放大的方法,是非常实用的功能.分享给大家供大家参考之用.具体方法如下: net实现裁剪网站上传图片的方法 .net中 发送邮件内容嵌入图片的具体实例 vb.net借助剪贴板将图片导入excel内 asp.net图片上传实例 ASP.net WebAPI 上传图片实例 .Net下二进制形式的文件(图片)的存储与读取详细解析 Asp.net图片上传实现预览效果的简单代码 asp.net上传图片并作处理水印与缩略图的实例代码 asp.net 图片超

kindeditor编辑器上传图片

使用的是asp.net MVC 上传图片. 1.下载Kindeditor的对应的包 2.html页面 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>UploadByKindeditor</title> <script

Web 上传图片加水印

上传图片加水印 需要使用控件FileUpload 上传按钮Image控件展示上传的图片,页面中拖入三个控件 1 <form id="form1" runat="server"> 2 <asp:FileUpload ID="FileUpload1" runat="server" accept=".jpg,.jpeg,.png" /> 3 <asp:Button ID="

android 开发上传图片遇到返回 FileNotFoundException

目的:带有参数上传图片 环境:客户端开发 android studio  ,服务器端:visual studio 2012 (c# asp.net) ************************************************************************ 上传图片的时候遇到返回FileNotFoundException,但是一直在客户端报错 HttpURLConnection中connection.getInputStream()报错误FileNotFou

HTML5连续上传图片

/* by 的雨 time:2016/11/17 */ function update_object() { //这是在实例化的时候,同时调用int方法 this.int.apply(this,arguments); } //这是原型链 == 一个对象 update_object.prototype={ int:function(options) { //这是接收从调用的时候传过来参数 this.CC=options.CC; this.tishi=options.tishi; this.BB=o

ASP.NET MVC 4 - 上传图片到数据库

这里演示如何在MVC WEB应用程序如何上传图片到数据库以及如何在WEB页面上显示图片.数据库表对应整个Model类,不单图片数据一个字段,我们从数据表的定义开始: CREATE TABLE [dbo].[Products] ( [ProductID] INT IDENTITY (1, 1) NOT NULL, [Name] NVARCHAR (MAX) NOT NULL, [Description] NVARCHAR (MAX) NOT NULL, [Price] DECIMAL (18, 2

关于Asp.Net Mvc3.0 使用KindEditor4.0 上传图片与文件

http://blog.csdn.net/fyxq14hao/article/details/7245502 今天我们的Asp.Net Mvc 3的项目中,把KindEditor3.9改为 KindEditor4.0 .修改了js文件的引用后,发现还是无法上传图片,最后发现时图片上传中的参数名修改了  从imageUploadJson 改为了uploadJson. <script type="text/javascript">var editor;var options =