MVC中上传图片文件

MVC的控制器如何获取input(file)的值,将图片保存到项目文件中

View视图中:

(1)在xxxx.cshtml中加入表单内容,在<form>中一定要加入enctype="multipart/form-data" 属性

<link rel="stylesheet" type="text/css" href="../../Scripts/bmms_EasyUI/themes/gray/easyui.css">
<link rel="stylesheet" type="text/css" href="../../Scripts/bmms_EasyUI/themes/icon.css">
<script type="text/javascript" src="../../Scripts/bmms_EasyUI/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../Scripts/bmms_EasyUI/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../Scripts/bmms_EasyUI/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="../../Scripts/bmms.javascript/News.js"></script>

<form id="form1"  method="post" enctype="multipart/form-data">
  上传图片: <input type="file" class="easyui-filebox" id="image" name="File" />
   <a href="#" id="saveNews" style="float: right" class="easyui-linkbutton"  iconcls="">提交</a>
</form>

(2)在News.js的文件

$(function () {

    $('#saveNews').linkbutton().click(function () {

        $('#form1').form('submit', {
            url: "/Architecture_New/NewSave/",
            onSubmit: function () {
                return $(this).form('validate');
            },
            success: function (result) {

                if (result) {

                    $.messager.alert("提示", "恭喜您,保存成功", "info");
                    $('#form1').form('clear');
                }
                else {
                    $.messager.alert("提示", "添加失败,请重新操作(请检查图片是否为空)!", "info");
                     //return;

                }

            }
        });

    });

});

(3)在控制器Architecture_New中,加入以下方法(需要新建文件夹Upload)

       [HttpPost]
        public Boolean NewSave()
        {
            HttpFileCollectionBase files = Request.Files;
            HttpPostedFileBase File = files["File"];
            string FileName = File.FileName; //上传的原文件名
            string guid="";
            if (FileName != null && FileName!= "")
            {
                string FileType = FileName.Substring(FileName.LastIndexOf(".") + 1); //得到文件的后缀名
                guid = System.Guid.NewGuid().ToString() + "." + FileType; //得到重命名的文件名
                File.SaveAs(Server.MapPath("/Upload/") + guid); //保存操作

            }
            return true;
        }
时间: 2024-10-09 01:52:47

MVC中上传图片文件的相关文章

spring mvc中的文件上传

使用commons-fileupload上传文件所需要的架包有:commons-fileupload 和common-io两个架包支持,可以到Apache官网下砸. 在配置文件spring-mvc.xml中配置上传: <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> //文件上传最大是多少 <

angularJs中上传图片/文件功能:ng-file-upload

原文技术交流:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/angularjs-ng-file-upload/ 在做网站的过程中难免会遇到上传图片或者上传文件的功能,使用AngularJ实现的话可以用angularJs的ng-file-upload这个库. 支持上传文件(目前为止我用过的是Excel上传,与上传图片的方法一样) 支持单张图片上传 支持多张图片上传 支持拖拽图片上传 1.Install安装引用 手册:可以从这里下

System.Web.Mvc.dll在各个版本MVC中的文件位置

the default folder would be like the following: MVC 5 C:\Program Files (x86)\Microsoft ASP.NET\ASP.NET Web Stack 5\Packages\ Microsoft.AspNet.Mvc.5.0.0\lib\net45\System.Web.Mvc.dll MVC 4 C:\Program Files (x86)\Microsoft ASP.NET\ASP.NET MVC 4\Assembli

转:MVC中的文件上传

上传文件与与上传数据区别 上传数据主要指json等简单字符串,上传文件指的是上传word.excel图片等.在上传数据的时候enctype默认为第一个application/x-www-form-urlencoded,而上传数据包含文件的时候要用第二种multipart/form-data 值 描述 application/x-www-form-urlencoded 在发送前编码所有字符(默认)url编码 multipart/form-data 不对字符编码. 在使用包含文件上传控件的表单时,必

在MVC中的文件上传

初学文件上传: View界面: Home控制器中空白Index方法的视图 <h2>上传文件</h2> <form action="/Home/AddCompany" method="post" enctype="multipart/form-data"> //上传空间 <input id="File1" name="file" type="file&quo

MVC中cshtml文件中怎样使用ViewBag进行筛选?

@foreach (PermissionForRoleModel item in ((List<PermissionForRoleModel>)ViewBag.PermissionsForRole).Where(p => string.IsNullOrWhiteSpace(p._parentId))) { @item.PermissionName <br /> } 注意必须要做强类型转移,不然不能使用lambda表达式进行筛选.

MVC中如何上传文件

本文导读:在MVC中实现文件上传与传统的WebForm上传文件方法都差不多,在cshtml视图页面放一个file标签,然后在actionname方法中处理用户上传的文件.下面简单介绍MVC中上传文件的方法. 一.MVC中如何上传文件 1.在Web Forms中,当你把一个FileUpload控件拖到设计器中,你或许没有注意到在生成的HTML中会在form标签中加入一条额外属性 enctype="multipart/form-data". 而FileUpload控件本身会生成为<i

项目总结——MVC+MongoDB实现文件上传

在做项目的时候我们遇到了视频上传的问题.正式开始项目之前做了一个简单的Demo实现在MVC中视频文件的上 传,考虑到将视频放到MongoDB中上传和读取速度慢的问题,这次我们实现的文件上传是存储的路径,读取的额时候 直接通过路径读取就OK了. MVC,M指Model,我目前把它理解成三层中的Entity层,进行数据的传递,当然里边也可以放一些业务逻辑的代 码.V,指View层,视图,用于显示界面,C指Controller,用于控制界面的显示.MongoDB是现在非常流行的NoSQL数 据库,具体

在.net MVC中异步上传图片或者文件

今天用到了MVC异步上传图片,找了半天写下来以后方便查找异步提交图片需要一个MyAjaxForm.cs             地址http://pan.baidu.com/s/1i3lA693 密码txgp 前台代码 @using (Ajax.BeginForm("AddMessages", "MenuInfo", new AjaxOptions { HttpMethod = "post", OnSuccess = "Successd