ASP.NET图片上传(配合jquery.from.js 插件)

前端:

js:
        function AjaxKouBeiShopEdit() {

var options = {
                dataType: "json",
                success: function (data) {
                    alert(data);
                 
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    console.log(textStatus);
                    console.log(errorThrown);
                }
            };
          
            $("#ShopForm").ajaxSubmit(options);

}

html:

<form class="form-horizontal" id="ShopForm" action="你的控制器/AjaxKouBeiShopEdit" method="post" enctype="multipart/form-data">

<input type="file"  name="ProductImg" class="fileData"    />

<input type="file"  name="ProductImg" class="fileData"    />

</form>

后端:
        /// <summary>
        /// 口碑门店-添加
        /// </summary>
        /// <param name="upImg"></param>
        /// <param name="entity"></param>
        /// <returns></returns>
        [HttpPost]
        public string AjaxKouBeiShopEdit(KouBeiShopModel entity)
        {
            StringBuilder sqlStr = new StringBuilder();
            TimeSpan timeSpan = (DateTime.Now - TimeZone.CurrentTimeZone.ToLocalTime(new System.DateTime(1970, 1, 1)));
            Random random = new Random();
            JObject resultJsonerr = new JObject();
            //修改操作
                #region  添加文件
                string filePhysicalPath = @"D:/yyyy/";
                string MainImgName = "";

//详细图片路径
                if (Request.Files.Count != 0)
                {
                    MainImgName = filePhysicalPath + MainImgName;
                    try
                    {
                        for (int i = 0; i < Request.Files.Count;i++ )
                        {
                            HttpPostedFileBase uploadFile = Request.Files[i] as HttpPostedFileBase;
                            if (uploadFile != null && uploadFile.ContentLength > 0)
                            {
                              //  if (i==0)//首图
                             //   {
                                //html 上至下加载,file  input
                             //   }
         //随机名称
                                long t2 = (long)timeSpan.TotalSeconds;
                                int n2 = random.Next(10000, 99999);
                                string extension = Path.GetExtension(uploadFile.FileName);
                                string ImgListName = t2 + "" + n2 + extension;
                                var path = Path.Combine(filePhysicalPath, ImgListName);
                                uploadFile.SaveAs(path);
                            }
                        }
                    }
                    catch (Exception ex)
                    {
                        resultJsonerr.Add("State", -1);
                        return "添加失败";
                    }
                }

  
            return "添加成功";

}

时间: 2024-10-07 19:53:15

ASP.NET图片上传(配合jquery.from.js 插件)的相关文章

ASP.NET 图片上传工具类 upload image简单好用功能齐全

使用方法: UploadImage ui = new UploadImage(); //可选参数 //ui.SetWordWater = "哈哈";//文字水印 ui.SetPicWater = Server.MapPath("2.png");//图片水印(图片和文字都赋值图片有效) ui.SetPositionWater = 4;//水印图片的位置 0居中.1左上角.2右上角.3左下角.4右下角 ui.SetSmallImgHeight = "110,4

ASP.NET图片上传,加水印文字和水印图片!

看了清清月儿的这篇文章让自己受益匪浅,但是觉得还有一些问题.上传图片后还有原来的图片文件存在,觉得这样很不爽,调用file类的delete方法删除原来没有生成水印的图片另外自己又加了一个限制图片大小的函数 1.最简单的单文件上传(没花头) 效果图:说明:这是最基本的文件上传,在asp.net1.x中没有这个FileUpload控件,只有html的上传控件,那时候要把html控件转化为服务器控件,很不好用.其实所有文件上传的美丽效果都是从这个FileUpload控件衍生,第一个例子虽然简单却是根本

ASP.NET- 无刷新上传使用jQuery插件之ajaxFileUpload

灰常好,我已经使用过里面的代码了,可以用,原文地址:http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 一.ajaxFileUpload是一个异步上传文件的jQuery插件. 传一个不知道什么版本的上来,以后不用到处找了. 语法:$.ajaxFileUpload([options]) options参数说明: 1.url  上传处理程序地址. 2,fileElementId  需要上传的文件域的ID,即<input t

【juincen】Web中图片上传处理 jQuery+Ajax+SpringMVC

今天做项目有个需求,页面上需要上传一个图片,之前解决了一次,没有记下来. 在前台用户先选择一张图片,然后可以预览,再上传,我是这样解决的. 预览: html里面有一个普通的input标签,id:uploadFile <input type="file" id="uploadFile" /> 还有一个可以预览的img标签,这个img现在并没有src属性,id:imgpreview <img width="100" height=&

asp.net图片上传及删除

方法一:UploadImage cetFU = new UploadImage(); if (cetFU.UpFile(FileUpload1, "teacher_picture"))//如果上传成功 第一个参数表示fileupload插件名称,第二表示文件夹的名称 { ImageName = cetFU.FileName; ImageType = ImageName.Substring(ImageName.IndexOf("."), ImageName.Lengt

php,js实现手机图片上传功能(thinkphp,mobile.js)

页面内容显示和js加载 <td class="zhaoxiang" id="file_uploader_"><a href="javascript:void(0)" class="zhaox"></a></td> <script language="javascript" src="__STATIC__/js/mobile/mobile.js&

ajax图片上传(asp.net +jquery+ashx)

一.建立Default.aspx页面 [csharp] view plain copy <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

WebUploader文件图片上传插件的使用

最近在项目中用到了百度的文件图片上传插件WebUploader.分享给大家 需要在http://fex.baidu.com/webuploader/download.html点击打开链接下载WebUploader /*图片上传 */ var $ = jQuery, $img=$("#imagePath_img"), // 优化retina, 在retina下这个值是2 ratio = window.devicePixelRatio || 1, // 缩略图大小 thumbnailWid

webuploader项目中多图片上传实例

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> 百度uploader Demo</title> <!--引入CSS--> <link rel="stylesheet" type="t