主要完成的是在网页上 上传一张图片到服务器

我搜出来的上传文件代码都特别复杂,对于初学者来说,先解决能上传的问题才最重要,并不需要特别多的功能,仅适合不会上传的初学者,大神请绕路,错误请指出,谢谢

view内容(由于是从项目中直接拷贝出来的,需要整理才可使用,看关键的就好了):

  图片:

  代码:

            <!--这里的method 和 enctype 要照写,不要忘写或写错-->
      <form action="ManageIcon" method="post" enctype="multipart/form-data" class="form-horizontal" role="form">
<div class="col-sm-6">
<label class="text-warning">请选择尺寸为160*160的图片</label>
<div class="row">
<div class="col-md-10">
<a href="#" class="thumbnail">
@*<img src="@ViewBag.LoginedUser.Icon" class="img-responsive" alt="Cinque Terre" style="height:160px;width:160px">*@
</a>
</div>
</div>
</div>
<div class="col-sm-6">
              <!--注意这里,这里的input在后台很关键,下面会有提示-->
<input name="filename" id="filename" type="file"/>
</div>
<div class="col-sm-12" style="margin-top:30px">
<button type="submit" id="s" class="btn btn-primary" style="margin-left:30px">保存</button>
<button type="button" class="btn btn-default" style="margin-left:30px">取消</button>
</div>
</form>

项目目录:

控制器代码

  [HttpPost]
public ActionResult ManageIcon(IEnumerable <HttpPostedFileBase>filename)
{
foreach (var file in filename)
{
          //重命名,图片在服务器上的名字
string name = Path.GetFileName(file.FileName);
string[] la = name.Split('.');
string nameNew = DateTime.Now.ToFileTimeUtc().ToString();
nameNew += "."+la[la.Length];           //获取项目根目录
string path = System.AppDomain.CurrentDomain.SetupInformation.ApplicationBase;

          //这里获取前台传来的流信息
          using (Stream inputstream = file.InputStream)
{
//在服务上创建文件流,事先已经在根目录创建了\Images\Icons文件夹
            FileStream fs = new FileStream(path+"Images\\Icons\\"+nameNew,FileMode.CreateNew,FileAccess.ReadWrite);
  
            //文件读写
            byte[] buffer=new byte[];
   int a = inputstream.Read(buffer,,buffer.Length);
while(a!=){
fs.Write(buffer,,buffer.Length);
a = inputstream.Read(buffer, , buffer.Length);
}             //不写这里可能会上传不完整,如下图
fs.Flush();
fs.Close();
}
} return View();
}

示例图(第二张没有上传完整):

.net MVC 简单图片上传的更多相关文章

  1. 简单2步实现 asp.net mvc ckeditor 图片上传

    1.打开ckeditor 包下的  config.js,添加一句 配置(PS:ckeditor 很多功能都在该配置文件里配置),如下: config.filebrowserImageUploadUrl ...

  2. Webuploader 简单图片上传 支持多图上传

    简介: 通过webuploader 实现简单的图片上传功能,支持多张图上传 官方文档传送门:http://fex.baidu.com/webuploader/getting-started.html# ...

  3. Mvc 批量图片上传

    首先导入文件(官网上下载 kindeditor ): <link href="~/kindeditor-4.1.11-zh-CN/kindeditor/themes/default/d ...

  4. Asp.net MVC 实现图片上传剪切

    使用技术:Asp.net MVC与jquery.uploadify,Jcrop 首先上页面 01 <strong><!DOCTYPE html> 02  <html> ...

  5. c# ASP.NET MVC easyui-filebox 图片上传和显示

    原文:https://www.cnblogs.com/huatao/p/4727398.html https://www.cnblogs.com/weiweithe/p/4363458.html 表单 ...

  6. ___简单的MVC单个图片上传预览

    js: $("#btnImg").click(function () { $("#form0").ajaxSubmit({ url: "/Studen ...

  7. MVC WebApi 图片上传和显示

    1 MVC中显示 内存流 中的图片.(不是图片文件) 创建一个Index用来显示 Action: public ActionResult Index() { return View(); } csht ...

  8. Asp.Net Mvc 使用WebUploader 多图片上传

    来博客园有一个月了,哈哈.在这里学到了很多东西.今天也来试着分享一下学到的东西.希望能和大家做朋友共同进步. 最近由于项目需要上传多张图片,对于我这只菜鸟来说,以前上传图片都是直接拖得控件啊,而且还是 ...

  9. .NET MVC实现多图片上传并附带参数(ajaxfileupload)

    做网站呢,都免不了要做图片上传. 还记得去年做微信的时候用WebAPI+ajaxfileupload.js做了一个能够附带参数上传的功能,博文地址:.NET WebAPI 实现图片上传(包括附带参数上 ...

随机推荐

  1. Bzoj2957 楼房重建

    Time Limit: 10 Sec  Memory Limit: 256 MBSubmit: 1516  Solved: 723[Submit][Status][Discuss] Descripti ...

  2. jquery插件——检测DOM元素是否在浏览器可视范围之内

    引言 web应用中有很多地方会用到打点,用来检测用户行为,今天就做了个打点相关的需求,为了统计一个广告给用户的展示次数,每次用户请求完成并且渲染完成之后就算一次成功的展示,其实有时候这个广告还没有在用 ...

  3. shell脚本自动拉起启动程序

    一.我们先看看编写的shell脚本的内容,该shell的作用主要是实现监控某个程序崩溃之后就自动重启该进程. while true do procnum=` ps -ef|grep "tes ...

  4. ubuntu修改163软件源

    cd /etc/apt cat sources.list sudo su root sudo echo '' > sources.list nano sources.list 复制163软件源 ...

  5. .NET FRAMEWORK版本:4.0.30319; ASP.NET版本:4.6.118.0

    https://gqqnbig.me/2015/11/23/net-framework%e7%89%88%e6%9c%ac4-0-30319-asp-net%e7%89%88%e6%9c%ac4-6- ...

  6. CSS3 Animation 帧动画 steps()

    @keyframes fn{ 0%{} 100%{} } CSS3的Animation有八个属性 animation-name :动画名 fn animation-duration:时间 1s ani ...

  7. Java使用Fork/Join框架来并行执行任务

    现代的计算机已经向多CPU方向发展,即使是普通的PC,甚至现在的智能手机.多核处理器已被广泛应用.在未来,处理器的核心数将会发展的越来越多. 虽然硬件上的多核CPU已经十分成熟,但是很多应用程序并未这 ...

  8. js常用字符串处理方法

    JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串.var a = "hello";var b = ",world";var c = a ...

  9. php事务

    <?php set_time_limit(); function sel($time,$number,$count){ ){ sel($time,$number,$count); return ...

  10. docker run mysql

    sudo docker run --name=mysqlserver -e MYSQL_ROOT_PASS=123456 -v /srv/mysql/data:/data/mysql -d -p : ...