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

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

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. csv to splite db form

    termsql: https://github.com/tobimensch/termsql termsql -i textfile -d ',' -o sqlite.db 添加列名 termsql ...

  2. 用Python实现多核心并行计算

    平常写的程序,无论是单线程还是多线程,大多只有一个进程,而且只能在一个核心里工作.所以很多应用程序即使正在满载运行,在任务管理器中CPU使用量还是只有50%(双核CPU)或25%(四核CPU) 如果能 ...

  3. C#做有模和非模式化窗体 传值例程

    有模窗体:指的是一定要在第二个窗体上操作之后 才能去操作前者窗体 :例如,如果一个对话框,在可以切换到其它窗体或对话框之前要求先单击"确定"或"取消",则它就是 ...

  4. 【web开发 | 移动APP开发】 Web 移动开发指南(2017.01.05更新)

    版本记录 - 版本1.0 创建文章(2016.12.30) - 版本1.1 更正了hybird相关知识:增加了参考文章(2017.01.05): + Web APP更正为响应式移动站点与页面,简称响应 ...

  5. html中用div代替textarea实现输入框高度随输入内容变化

    项目中的需求:留言栏输入高度变化,超过1行时,自动伸展,超过4行后,不再伸展.主要思想是利用最小高度和最大高度,再加上overflow来实现,到了最大高度,文字不会溢出而是隐藏.根据文本框中字体的大小 ...

  6. CSS的常见属性

    1. css是cascading style sheet 层叠式样式表的简写."层叠式"的意思,我们将慢慢的去理解. 1                <style type ...

  7. linux系统运维常用基本命令详解

      1.ls 文件属性:  -:普通文件  d:目录文件  b:块设备  c:字符设备文件  l:符号连接文件  p:命令管道  s:套接字文件  文件权限: 9位数字,每3位一组  文件硬链接次数  ...

  8. LibreOffice去重复数据

    菜单:数据--更多筛选---标准筛选 点开“选项”,勾上“无重复值”. 然后还可以把结果复制到其它单元格.

  9. eclipse启动tomcat, http://localhost:8080无法访问

    原地址 症状: tomcat在eclipse里面能正常启动,而在浏览器中访问http://localhost:8080/不能访问,且报404错误.同时其他项目页面也不能访问. 关闭eclipse里面的 ...

  10. 我的vimrc

    set nocompatible set langmenu=en_USlet $LANG= 'en_US' source $VIMRUNTIME/vimrc_example.vim source $V ...