HTML <input type="file">上传文件——结合asp.net的一个文件上传示例
HTML的代码:(关键是要在form里设置enctype="multipart/form-data",这样才能在提交表单时,将文件以二进制流的形式传输到服务器)
一、
<form id="form1" action="test.aspx" method="post" enctype="multipart/form-data">
<div>
<input type="file" name="fl" />
<input type="submit" name="sb" value="submit" />
</div>
</form>
public partial class test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
for (int i = ; i < Request.Files.Count; i++)
{
HttpPostedFile PostedFile = Request.Files[i];
if (PostedFile.ContentLength > )
{
string FileName = PostedFile.FileName;//此处文件名可能上传的是 客户端完成路径 C:\\123.png
string strExPrentFile = FileName.Substring(FileName.LastIndexOf(".") + ); string sFilePath = Server.MapPath("~/") + FileName;// Server.MapPath("~/123." + strExPrentFile);
PostedFile.SaveAs(sFilePath);
}
else
{
//this.LabMessage.Text = "不能上传空文件";
}
}
Response.Write("");
}
}
}
浏览器中查看信息--
响应头信息 原始头信息
Cache-Control
private
Connection
Close
Content-Length
458
Content-Type
text/html; charset=utf-8
Date
Thu, 28 May 2015 03:06:47 GMT
Server
ASP.NET Development Server/10.0.0.0
X-AspNet-Version
4.0.30319
请求头信息 原始头信息
Accept
text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Encoding
gzip, deflate
Accept-Language
zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.3
Connection
keep-alive
Cookie
oa_cookiename=%e8%82%96%e5%b7%a5; oa_cookieId=291; èå·¥_log=operation=&TlogGUI=ed1624e4-9e1d-44fb-98f7-1298512a8266
; ASP.NET_SessionId=cfufw4sesznnphj4peooed0d; SLnewses=1; WPTLNG=1
Host
localhost:13771
Referer
http://localhost:13771/AppWeb/test.aspx
User-Agent
Mozilla/5.0 (Windows NT 6.1; rv:38.0) Gecko/20100101 Firefox/38.0
来自上传流的请求头信息
Content-Length
430
Content-Type
multipart/form-data; boundary=---------------------------18319207917180
POST
部分multipart/form-data
fl
PNG
���
IHDR���������
���bKGD�ÿ�ÿ�ÿ ½§��� pHYs��Ä��Ä+���'IDATÁ � °>ó/I6ºð×,·¢¬eEòàXòmY����IEND®B
`
sb
submit
源代码
-----------------------------18319207917180
Content-Disposition: form-data; name="fl"; filename="QQ20150528110621.png"
Content-Type: image/png
PNG
���
IHDR���������
���bKGD�ÿ�ÿ�ÿ ½§��� pHYs��Ä��Ä+���'IDATÁ � °>ó/I6ºð×,·¢¬eEòàXòmY����IEND®B
`
-----------------------------18319207917180
Content-Disposition: form-data; name="sb"
submit
-----------------------------18319207917180--
二、
<form id="form1" runat="server" method="post" enctype="multipart/form-data">
<div>
<input type="file" />
<asp:Button ID="btnUpload" runat="server" Text="开始上传" onclick="btnUpload_Click" />
</div>
</form>
protected void btnUpload_Click(object sender, EventArgs e)
{
//int intCount = RequestClass.GetFormInt("hdcount", -1);
HttpFileCollection Files = HttpContext.Current.Request.Files;
for (int i = ; i < Files.Count; i++)
{
HttpPostedFile PostedFile = Files[i];
if (PostedFile.ContentLength > )
{
string FileName = PostedFile.FileName;
string strExPrentFile = FileName.Substring(FileName.LastIndexOf(".") + ); string sFilePath = "/uploadfile/hotel/" + StringClass.makeFileName24() + i + strExPrentFile;
PostedFile.SaveAs(Server.MapPath(sFilePath));
}
else
{
//this.LabMessage.Text = "不能上传空文件";
}
}
}
HTML <input type="file">上传文件——结合asp.net的一个文件上传示例的更多相关文章
- input[type='file']样式美化及实现图片预览
前言 上传图片是常见的需求,多使用input标签.本文主要介绍 input标签的样式美化 和 实现图片预览. 用到的知识点有: 1.input标签的使用 2.filelist对象 和 file对象 3 ...
- input type=file 选择图片并且实现预览效果的实例
为大家带来一篇input type=file 选择图片并且实现预览效果的实例. 通过<input />标签,给它指定type类型为file,可提供文件上传: accept:可选择上传类型, ...
- input type=file 选择图片并且实现预览效果
通过<input />标签,给它指定type类型为file,可提供文件上传: accept:可选择上传类型,如:只要传图片,且不限制图片格式,为image/*: multiple:规定是否 ...
- input type="file"使用
问题: 在实际开发过程中,会遇到上传文件的一些需求.但是使用原生的<input type="file" />在使用中存在一些问题 在未上传文件时,显示"no ...
- 原来样式改变不了(input type="file")
label { background-color: #979fa8; color: #fff; display: inline-block; padding: .8rem 4rem; cursor: ...
- html中,文件上传时使用的<input type="file">的样式自定义
Web页面中,在需要上传文件时基本都会用到<input type="file">元素,它的默认样式: chrome下: IE下: 不管是上面哪种,样式都比较简单,和很多 ...
- 上传文件 隐藏input type="file",用text显示
<div> <span>上传文件:</span> <input type="file" id="upload_file" ...
- javascript input type=file 文件上传
在JS中,input type=file 是常用的文件上传API,但感觉W3C说的不是很清楚,同时网上的资料也比较乱. 由于做微信开发,所以网页打算尽量少用第三方库或者插件,以加快网页的加载速度.因为 ...
- 用jQuery重置用于文件上传的input (type="file")
页面中有如下标签: <input type="file" id="upload"/> 此标签本用于文件上传,现在有需要将其值重置为空.于是想当然地写 ...
随机推荐
- UI内侧错题
此题考察的是JQuery UI下的menu插件的使用,ui-menu表示菜单的外层容器,如果菜单包含图标,该元素会另外带一个 ui-menu-icons class.故A B选项错误.ui-menu- ...
- PHP基础语法
PHP:超级文本预处理器一,PHP的四对标记 <?php ?> <script language="php"> <script> ...
- $x^2+y^2=c^2$
$x^2+y^2=c^2$ 每一个实数都能用有理数去逼近到任意精确的程度,这就是有理数的稠密性.The rational points are dense on the number axis. 每一 ...
- [LeetCode] Missing Number 丢失的数字
Given an array containing n distinct numbers taken from 0, 1, 2, ..., n, find the one that is missin ...
- .NET跨平台之旅:基于.NET Core改写EnyimMemcached,实现Linux上访问memcached缓存
注:支持 .NET Core 的 memcached 客户端 EnyimMemcachedCore 的 NuGet 包下载地址:https://www.nuget.org/packages/Enyim ...
- [翻译] V8引擎的解析
原文:Parsing in V8 explained 本文档介绍了 V8 引擎是如何解析 JavaScript 源代码的,以及我们将改进它的计划. 动机 我们有个解析器和一个更快的预解析器(~2x), ...
- 【应用】_有道词典客户端一个后缀名为sql的数据库。
[缘起] 在清理电脑磁盘的时候,看一看各安装文件夹有占用了多大容量,发现有道词典居然达140MB了,于是进去看看. 发现个有趣的文件:XXX.sql. 首先我们看一看它的安装文件夹的结构: Dict ...
- 锋利的jquery-读书笔记(一)
最近转职做前端,学了两个月目前学到jquery的部分,看的是<锋利的jquery>这本书,特地开了博客将自己学习过程中看到的一些知识做一个笔记. 第一章: 一.jQuery对象和DOM对象 ...
- svn服务器地址变换以后,mac下的处理方法
svn服务器地址变换之后,mac下的处理方法 svn服务器地址变换之后,mac下的处理方法 1.进入终端,进入项目所在的文件夹下: cd 项目位置/ 2.查看svn信息 svn info 3.输出结果 ...
- UltralEdit 替换tips
UltralEdit的字符串替换,简直是编辑器的神来之笔! 可以通过 搜索--〉替换 菜单调出,也可以使用 Ctrl+R 快捷键 下面来看字符的表示吧: tab可以直接Tab键(可能不成功,因为被用作 ...