asp.net mvc 上传下载文件的几种方式
view：
<!DOCTYPE html> <html>
<head>
<meta name="viewport" content="width=device-width" />
<title></title>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.form.js"></script>
</head>
<body>
<div>
页面上传需要注意以下几点：<br />
1、同一个页面可以有不止一个form但是不能嵌套<br />
2、form：method="post" enctype="multipart/form-data"<br />
3、input：type="file" name="XX" 必须要有name值<br />
</div> <div style="margin-top:20px;">
submit直接提交：提交后刷新页面,直接使用ajax不能把file传到后台处理<br />
<form method="post" action="UpLoadPic" enctype="multipart/form-data">
<input type="file" name="filename" id="filename" accept="image/*" />
<input type="submit" value="提交" />
</form>
</div> <script>
$(function () {
var options = {
success: function (data) {
alert("成功");
}
}; //$("#myform1").ajaxForm(options); $("#myform1").submit(function () {
$(this).ajaxSubmit(options);
return false;
});
});
</script>
<div style="margin-top:20px;">
jQuery.Form.js参照：http://www.cnblogs.com/heyuquan/p/form-plug-async-submit.html <br />
http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html <br />
http://www.cnblogs.com/xiaofeixiang/p/3676597.html <br />
每次还会刷新页面
<form id="myform1" method="post" action="UpLoadPic1" enctype="multipart/form-data">
<input type="file" name="filename1" id="filename1" accept="image/*" />
<input id="tijiao1" type="submit" value="提交" />
</form> <div id="outputdiv"></div>
</div> <script src="~/Scripts/ajaxfileupload.js"></script>
<div style="margin-top:20px;">
ajaxfileupload.js参照：http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html <br />
<form method="post" action="GetPic" enctype="multipart/form-data">
<input type="file" name="filename2" id="filename2" accept="image/*" />
<input type="button" value="提交" onclick="f2submit();" />
</form>
<script>
function f2submit() {
//文件上传
$.ajaxFileUpload({
url: 'UpLoadPic2',
secureuri: false,
fileElementId: 'filename2',
success: function () {
alert("成功");
},
error: function () {
alert("失败");
},
});
return false;
}
</script>
</div> <script src="~/Scripts/uploadify/jquery.uploadify.min.js"></script>
<div style="margin-top:20px;">
jquery.uploadify.js参照：http://blog.sina.com.cn/s/blog_5079086b0101fkmh.html <br />
局部刷新
<form method="post" enctype="multipart/form-data">
<input type="text" id="FilePathName" readonly="readonly" style="width: 300px;" />
<input type="file" name="filename3" id="filename3" accept="image/*" />
<input type="button" value="提交" onclick="f3submit()" />
</form>
<script>
$(function () {
$('#filename3').uploadify({
//'multi': false,
//'uploadLimit': 100,
auto: false, // 是否直接上传
//width: 64,
//height: 28,
buttonText: "浏览",
'fileSizeLimit': '20MB',
'fileTypeExts': '*.doc;*.docx;*.xlsx;*.pdf;*.ppt;*.pptx;*.xls;*.jpg;*.png;',
swf: '/Scripts/uploadify/uploadify.swf',
//uploader: '/Scripts/uploadify/UploadFile.ashx',
uploader: '/Home/UpLoadPic3',
onSelect: function (file) {
$("#FilePathName").val(file.name);
},
'onSelectError': function (file, errorCode, errorMsg) {
if (errorCode == -110) {
errorMsg = "文件大小不能超过20MB！";
}
else if (errorCode == -100) {
errorMsg = "已经有文件在队列中，请先取消之前的文件！";
}
else if (errorCode == -130) {
errorMsg = "文件格式错误，请选择正确格式的文件！";
}
else {
errorMsg = "未知错误！";
}
alert(errorMsg); return false;
},
onUploadSuccess: function (file) {
alert("成功");
}
});
});
function f3submit() {
$('#filename3').uploadify('upload');
} </script>
</div> <div style="margin-top:20px;">
FormData提交参照：http://www.cnblogs.com/hutuzhu/p/4409292.html <br />
FormData为HTML5对象，只支持新浏览器<br />
<form id="myform4" name="myform4">
<input type="file" name="filename4" id="filename4" accept="image/*" />
<input type="button" value="提交" onclick="f4submit()" />
</form>
<script type="text/javascript">
function f4submit() {
var form = document.getElementById("myform4");
var formData = new FormData(form);
var oReq = new XMLHttpRequest();
oReq.onreadystatechange = function () {
if (oReq.readyState == 4) {
if (oReq.status == 200) {
alert(xhr.responseText);
}
else {
alert("失败");
}
}
}
oReq.open("POST", "UpLoadPic4");
oReq.send(formData);
return false;
}
</script>
</div> <hr />
<a href="/Home/GetFileByContent">根据文件内容下载二进制方式上传的文件</a>
<br />
<a href="/Home/GetFileByPath">根据文件保存路径下载上传的文件</a>
</body>
</html>
controller：
public static string FilePath = string.Empty;
public static byte[] FileContent; /// <summary>
/// 视图
/// </summary>
/// <returns></returns>
public ActionResult UpFile()
{
return View();
} /// <summary>
/// submit
/// </summary>
[HttpPost]
public void UpLoadPic()
{
SaveFileDirect();
//SaveFileStream();
Response.Redirect("Upfile");
} /// <summary>
/// ajaxSubmit
/// </summary>
[HttpPost]
public void UpLoadPic1()
{
SaveFileDirect();
//SaveFileStream();
Response.Redirect("Upfile");
} /// <summary>
/// ajaxfileupload.js
/// </summary>
[HttpPost]
public void UpLoadPic2()
{
//SaveFileDirect();
SaveFileStream();
} /// <summary>
/// jquery.uploadify.js
/// </summary>
public void UpLoadPic3()
{
//SaveFileDirect();
SaveFileStream();
} /// <summary>
/// FormData
/// </summary>
public void UpLoadPic4()
{
//SaveFileDirect();
SaveFileStream();
} /// <summary>
/// 直接保存上传文件到指定目录
/// </summary>
public void SaveFileDirect()
{
// 获取文件
var upfile = Request.Files[];
// 拼接保存路径
string uppath = Server.MapPath("~/UpFile/") + Path.GetFileName(upfile.FileName);
// 存入指定目录
if (upfile.ContentLength > )
{
upfile.SaveAs(uppath);
} FilePath = uppath;
FileContent = null;
} /// <summary>
/// 通过二进制流保存文件，可以存入数据库
/// </summary>
public void SaveFileStream()
{
// 获取文件
var upfile = Request.Files[];
// 拼接保存路径
string uppath = Server.MapPath("~/UpFile/") + Path.GetFileName(upfile.FileName);
// 读入文件流
byte[] temp = new byte[upfile.InputStream.Length];
upfile.InputStream.Read(temp, , (int)upfile.InputStream.Length);
// 写到指定目录
using (FileStream fs = new FileStream(uppath, FileMode.OpenOrCreate, FileAccess.ReadWrite, FileShare.ReadWrite))
{
fs.Write(temp, , temp.Length);
}
FilePath = uppath;
FileContent = temp;
} /// <summary>
/// FileContentResult方式下载
/// </summary>
/// <returns></returns>
public FileResult GetFileByContent()
{
List<string> typeList = new List<string>() { ".png", ".jpg", ".jpeg" };
string FileName = Path.GetFileName(FilePath); if (FileContent != null && FileContent.Length > )
{
if (typeList.Contains(Path.GetExtension(FileName)))
{
return File(FileContent, "image/jpg");
}
// 存在fileDownLoad属性的FileResult以附件形式下载，默认会以内联方式打开
return File(FileContent, "application/octet-stream", FileName);
}
return null;
} /// <summary>
/// FilePathResult方式下载
/// </summary>
/// <returns></returns>
public FileResult GetFileByPath()
{
List<string> typeList = new List<string>() { ".png", ".jpg", ".jpeg" };
string FileName = Path.GetFileName(FilePath); if (FileName != null)
{
if (typeList.Contains(Path.GetExtension(FileName)))
{
return File(FilePath, "image/jpg");
}
// 存在fileDownLoad属性的FileResult以附件形式下载，默认会以内联方式打开
return File(FilePath, "application/octet-stream", FileName);
}
return null;
}
asp.net mvc 上传下载文件的几种方式的更多相关文章
- 转载-git使用之忽略不需要上传的文件的几种方式
在我们使用git 的时候通常会遇到一些问题,一些文件我创建了但是我并不想上传或者有些文件我修改了但是并不想上传(为了适应个自己的开发环境),但是在每次git status的时候总能看到它,不仅感到很心 ...
- spring mvc上传下载文件
前端jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEnc ...
- ASP.NET MVC 上传大文件时404
前一段时间会员的上传组件改用FLASH的swfupload来上传,既能很友好的显示上传进度,又能完全满足大文件的上传. 后来服务器升级到windows 2008,改为IIS7后,上传文件一旦超过30M ...
- windows和linux之间上传下载文件的两种方法
一 用rz和sz http://blog.csdn.net/register_man/article/details/53860774 http://www.jb51.net/article/7 ...
- .Net mvc 上传多文件
.net mvc 上传多文件有很多种方式,我的方法只是其中一种, 仅供参考,我主要是注重参数传递的过程,后面文件保存的地方省略.. 调试环境 vs2017 控制器代码: [HttpPost] publ ...
- asp.net mvc上传头像加剪裁功能
原文:asp.net mvc上传头像加剪裁功能 正好项目用到上传+剪裁功能,发上来便于以后使用. 我不能告诉你们其实是从博客园扒的前台代码,哈哈. 前端是jquery+fineuploader+jqu ...
- Spring框架学习（8）spring mvc上传下载
内容源自:spring mvc上传下载 如下示例: 页面: web.xml: <?xml version="1.0" encoding="UTF-8"?& ...
- rz和sz上传下载文件工具lrzsz
######################### rz和sz上传下载文件工具lrzsz ####################################################### ...
- linux上很方便的上传下载文件工具rz和sz
linux上很方便的上传下载文件工具rz和sz(本文适合linux入门的朋友) ##########################################################&l ...
随机推荐
- Go语言Web框架gwk介绍4
Go语言Web框架gwk介绍 (四) 事件 gwk支持事件系统,但并没有硬编码有哪些事件,而是采用了比较松散的定义方式. 订阅事件有两种方式: 调用On函数或者OnFunc函数 func On(m ...
- GTK、KDE、Gnome、XWindows 图形界面
一.linux图形界面的实现只是linux下的应用程序实现图形界面(GUI)并不是linux的一部分,linux只是一个基于命令行的操作系统,linux和Xfree的关系就相当于当年的DOS和Wind ...
- 纯Python综合图像处理小工具（2）图像增强
<背景> 这次分享的脚本是对图像进行增强处理,包含对图像像素的色彩增强.亮度增强.对比度增强.图像尖锐化等增强操作,主要基于PIL包的lambda和ImageEnhance模块. 使用方法 ...
- enode框架step by step之消息队列的设计思路
enode框架step by step之消息队列的设计思路 enode框架系列step by step文章系列索引: enode框架step by step之开篇 enode框架step by ste ...
- django model Foreign key usage 关系型数据库 ORM
django 的模型 from django.db import models""" A model pair to map car and its manufactur ...
- shell脚本获取随机数random
用C提供的取随机数的方法srand和rand, 前者是给后者设置随机数种子seed. ; srand(seed); // time(NULL) 通常使用时间做种子 rnd_num = rand(); ...
- 线程内唯一对象HttpContext
在asp.net中,HttpContext是主线程内唯一对象.在web应用中开启多线程,在另外一个线程中是无法访问HttpContext. 如果需要在另外一个线程中使用HttpContext.Curr ...
- Wireshark抓包介绍和TCP三次握手分析
wireshark介绍 wireshark的官方下载网站: http://www.wireshark.org/ wireshark是非常流行的网络封包分析软件,功能十分强大.可以截取各种网络封包,显示 ...
- ajax实现分页
使用ajax分页原理:第一步:做一个表格 第二步:封装两个方法.第三步:新建个负责显示页面.第四步:做一个纯PHP处理页面处理要显示页的所有数据 首先使用一张数据比较多的数据库中的表格: 首页面加载后 ...
- Elasticsearch中doc_value的认识
前言:本文的目的是为后续磁盘空间利用优化做铺垫.主要知识点来源于官网文档 一.doc_value是什么 绝大多数的fields在默认情况下是indexed,因此字段数据是可被搜索的.倒排索引中按照一定 ...