form表单一次上传多种类型的图片（每种类型的图片可以上传多张）

controller中的action方法

public ActionResult UploadImage( )
        {

　　　　 int imageType=(int)Request.Form["ImageType"];

　　　　 //整体图片集合
            IList<HttpPostedFileBase> wholePictureIList = Request.Files.GetMultiple("WholePicture");//HttpPostedFileBase:充当类的基类，这些类提供对客户端上传的文件的单独访问;Request.Files.GetMultiple(string name):返回与name匹配的所有文件

　　　　 //周边图片集合
            IList<HttpPostedFileBase> AroundSupportPictureIList = Request.Files.GetMultiple("AroundSupportPicture");

if (wholePictureIList[0].FileName != "")
            {
                foreach (var item in wholePictureIList)
                {
                    byte[] b = new byte[item.ContentLength];
                    item.InputStream.Read(b, 0, item.ContentLength);
                    model.WholePicture.Add(b);//model.WholePicture是byte[]的集合，即图片的流文件，可以存到数据库中
                }
            }
            if (AroundSupportPictureIList[0].FileName != "")
            {
                foreach (var item in AroundSupportPictureIList)
                {
                    byte[] b = new byte[item.ContentLength];
                    item.InputStream.Read(b, 0, item.ContentLength);
                    model.AroundSupportPicture.Add(b);
                }
            }
            int userId = (int)Session["UserId"];
            ManageParkPediaService service = new ManageParkPediaService();
           StateInfo<int> infoT = service.SaveImage(model, userId);
           return Json(infoT);
        }

view中的代码

引入<script src="~/Scripts/jquery.form.js"></script>

<script type="text/javascript">
        //上传图片
        function uploadImage() {

            console.log(222);
            $('#fileForm').ajaxSubmit({
                success: function (msg) {
                    console.log(msg);
                }

            });
        }
</script>

<form id="fileForm" method="post" action="http://localhost:38594/UploadImage/SaveImageResult" enctype="multipart/form-data">

　　　　<input type="text" name="ImageType" id="ImageType" value="1" />
            <input type="file" name="WholePicture" id="WholePicture" readonly multiple />

　　　　<input type="file" name="AroundSupportPicture" id="AroundSupportPicture" readonly multiple />
            <input type="button" onclick="uploadImage()" value="上传图片" />
        </form>

最新文章

1. php 封装 知识点
2. LeetCode刷刷记录
3. Linux0.11内核--加载可执行二进制文件之2.change_ldt
4. 对于spark以及hadoop的几个疑问(转)
5. linux 读写锁应用实例
6. Hibernate 简单使用
7. Lazy Acquisition
8. [Codeforces626F] Group Projects (DP)
9. dedecms 模板文件不存在，无法解析文档&quot;的终极各种解决办法
10. image onclick
11. MySQL学习笔记之一
12. 一个Restful Api的访问控制方法
13. WINDOWS7,8和os x yosemite 10.10.1懒人版双系统安装教程
14. deeplearning.ai 人工智能行业大师访谈 Ian Goodfellow 听课笔记
15. 我爱Java系列之《JavaEE面试宝典》---【IO流面试总结】
16. UOJ#129. 【NOI2015】寿司晚宴 动态规划
17. Html一些特殊字符(Html语法字符)的一种表达方式
18. CSS 基础：HTML 标记与文档结构(1)&lt;思维导图&gt;
19. Mvc检查图片格式后上传
20. python之类的继承

热门文章

1. 读取excel数据 到 datagrid 出现 找不到可安装的ISAM
2. EasyUi中的datagird中a标签的click事件无法触发？（已解决）
3. 深度学习框架Caffe的编译安装
4. Vue.js起步
5. 51nod1119(除法取模)
6. Codeforces#355
7. &lt;转&gt;SQL的执行顺序
8. coding菜鸟养成记
9. python 错误AttributeError: &#39;module&#39; object has no attribute &#39;AF_INET&#39;
10. IOS开发－UI学习－NSMutableAttributedString（带属性的字符串）的使用