.net MVC 简单图片上传
主要完成的是在网页上 上传一张图片到服务器
我搜出来的上传文件代码都特别复杂,对于初学者来说,先解决能上传的问题才最重要,并不需要特别多的功能,仅适合不会上传的初学者,大神请绕路,错误请指出,谢谢
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 简单图片上传的更多相关文章
- 简单2步实现 asp.net mvc ckeditor 图片上传
1.打开ckeditor 包下的 config.js,添加一句 配置(PS:ckeditor 很多功能都在该配置文件里配置),如下: config.filebrowserImageUploadUrl ...
- Webuploader 简单图片上传 支持多图上传
简介: 通过webuploader 实现简单的图片上传功能,支持多张图上传 官方文档传送门:http://fex.baidu.com/webuploader/getting-started.html# ...
- Mvc 批量图片上传
首先导入文件(官网上下载 kindeditor ): <link href="~/kindeditor-4.1.11-zh-CN/kindeditor/themes/default/d ...
- Asp.net MVC 实现图片上传剪切
使用技术:Asp.net MVC与jquery.uploadify,Jcrop 首先上页面 01 <strong><!DOCTYPE html> 02 <html> ...
- c# ASP.NET MVC easyui-filebox 图片上传和显示
原文:https://www.cnblogs.com/huatao/p/4727398.html https://www.cnblogs.com/weiweithe/p/4363458.html 表单 ...
- ___简单的MVC单个图片上传预览
js: $("#btnImg").click(function () { $("#form0").ajaxSubmit({ url: "/Studen ...
- MVC WebApi 图片上传和显示
1 MVC中显示 内存流 中的图片.(不是图片文件) 创建一个Index用来显示 Action: public ActionResult Index() { return View(); } csht ...
- Asp.Net Mvc 使用WebUploader 多图片上传
来博客园有一个月了,哈哈.在这里学到了很多东西.今天也来试着分享一下学到的东西.希望能和大家做朋友共同进步. 最近由于项目需要上传多张图片,对于我这只菜鸟来说,以前上传图片都是直接拖得控件啊,而且还是 ...
- .NET MVC实现多图片上传并附带参数(ajaxfileupload)
做网站呢,都免不了要做图片上传. 还记得去年做微信的时候用WebAPI+ajaxfileupload.js做了一个能够附带参数上传的功能,博文地址:.NET WebAPI 实现图片上传(包括附带参数上 ...
随机推荐
- cocos2d-x 3.5以后版本的 luasocket
cocos2d-x 3.5后使用luasocket:local SOCKET = require "socket"; 结果运行就报错:[LUA-print] USE " ...
- javaScirpt事件详解-原生事件基础(一)
事件 JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间,通过监听特定事件的发生,你能响应相关的操作.图片引用:UI Events 事件流 ...
- 练习JavaScript实现梯形乘法表
效果: 表格用html中的table,tr,td,然后利用for语句实现,循环输出行和列,再根据行列的数量进行乘法运算,第一个for循环输出9行,然后内嵌一个for,在条件表达式中取第一个for循环的 ...
- 解决安卓微信浏览器中location.reload 或者 location.href失效的问题
在移动wap中,经常会使用window.location.href去跳转页面,这个方法在绝大多数浏览器中都不会 存在问题,但早上测试的同学会提出了一个bug:在安卓手机的微信自带浏览器中,这个是失效的 ...
- 理解Compressed Sparse Column Format (CSC)
最近在看<Spark for Data Science>这本书,阅读到<Machine Learning>这一节的时候被稀疏矩阵的存储格式CSC给弄的晕头转向的.所以专门写一篇 ...
- UVA1225
每增加1个整数,所有位上的对应数都加一.建立一个10000列10行的表,然后查表就可以了. #include<stdio.h> #include<string.h> ][]; ...
- 重复安装相同包名APK出现的问题。
一. INSTALL_PARSE_FAILED_INCONSISTENT_CERTIFICATES 这样的问题主要是签名冲突造成的,比如你使用了ADB的debug权限签名,但后来使用标准sign签名后 ...
- web网页中使用vlc插件播放相机rtsp流视频
可参考: 使用vlc播放器做rtsp服务器 使用vlc播放器播放rtsp视频 使用vlc进行二次开发做自己的播放器 vlc功能还是很强大的,有很多的现成的二次开发接口,不需配置太多即可轻松做客户端播放 ...
- Mybatis学习总结(一)——入门基础
一.Mybatis介绍 1.MyBatis是什么? MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了go ...
- css3 同时加载两个动画
最近在做H5,遇到这样的需求(如题) 先上一部分代码: .cur .p1d1d4{ width: 3rem; margin: 2rem 5.3rem 0 0; -webkit-animat ...