前端:

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 "添加成功";

}

2017-12-1  提示:

HttpPostedFileBase是有序的,按照HTML加载方式来确定索引,从而可以控制首图附属图等等。

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

  1. asp.net图片上传实例

    网站后台都需要有上传图片的功能,下面的例子就是实现有关图片上传. 缺点:图片上传到本服务器上,不适合大量图片上传. 第一.图片上传,代码如下: xxx.aspx 复制代码代码如下: <td cl ...

  2. Asp.NetCoreWebApi图片上传接口(二)集成IdentityServer4授权访问(附源码)

    写在前面 本文地址:http://www.cnblogs.com/yilezhu/p/9315644.html 作者:yilezhu 上一篇关于Asp.Net Core Web Api图片上传的文章使 ...

  3. ASP.NET图片上传和截取

    一.介绍:图片的上传直接使用ajax就可以了,截取图片的话使用到Jcrop插件. 图片上传资料:https://www.jb51.net/article/87654.htm 截取图片插件:http:/ ...

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

    使用方法: UploadImage ui = new UploadImage(); /***可选参数***/ ui.SetWordWater = "哈哈";//文字水印 // ui ...

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

    灰常好,我已经使用过里面的代码了,可以用,原文地址:http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 一.ajaxFil ...

  6. asp.net图片上传及删除

    方法一:UploadImage cetFU = new UploadImage(); if (cetFU.UpFile(FileUpload1, "teacher_picture" ...

  7. asp.net图片上传代码

    前端: <form action="/ImageUpload.ashx" method="post" enctype="multipart/fo ...

  8. 文件上传时jquery.form.js中提示form.submit SCRIPT5: 拒绝访问

    利用其它控件触发file的click事件来选择文件后,使用jquery.form.js中的submit方法提交时IE报错:form.submit SCRIPT5: 拒绝访问,其它浏览器正常, < ...

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

    一.建立Default.aspx页面 <%@ Page Language="C#" AutoEventWireup="true"  CodeFile=&q ...

随机推荐

  1. vue 中的数据绑定

    vue当中有个v-model, 是怎么实现的呢?其实是利用了$event. <div id="app"> <!-- 输入什么,就输出什么 --> <i ...

  2. Navicat导入sql server数据库

    1.新建连接 2. EXEC sp_attach_db @dbname = 'demo',   (数据库的名字) @filename1 = 'G:\C#\超市管理系统\DB\CSGL.mdf', @f ...

  3. mui 普通新闻文字列表 图文新闻列表

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

  4. select 标签判断value值相同 就selected高亮

    我写的是里面嵌套php标签 <select name="bq_id[]" multiple="multiple"> <volist name= ...

  5. TX2-入门坑点-Ubuntu16.04任务栏消失

    问题:安装cuda过程中出现任务栏消失,快捷键失效的现象. 解决方法:重装桌面无法解决,使用cssm无法解决,最后删除home目录下的 .cache文件夹重启后解决

  6. oracle 数据库、实例、服务名、SID

    参考:http://www.zhetao.com/content240 在实际的开发应用中,关于Oracle数据库,经常听见有人说建立一个数据库,建立一个Instance,启动一个Instance之类 ...

  7. Vue中computed,methods 和watch

    Vue中的计算属性和方法属性 1.计算属性 computed 模版中可以使用表达式 <div id="example"> {{ message.split('').re ...

  8. Restsharp常见格式的发送分析

    1.传递匿名对象JSON格式 public string Pay(string apisecret, string apikey, string token) { try { string url = ...

  9. 使用js对WGS-84 ,GCJ-02与BD-09的坐标进行转换

    获取到经纬度在用百度地图进行定位时,却发现行驶轨迹的路线定到海里面去了.从网上查阅,知道此方法. 出处:https://www.jianshu.com/p/53f00ba897f7 一.在进行地图开发 ...

  10. PHP $_SERVER['SCRIPT_FILENAME'] 与 __FILE__ 的区别

    $_SERVER['SCRIPT_FILENAME']          -------> 当前执行程序的绝对路径及文件名__FILE__                             ...