//Button1的点击事件

        //FileUpload1.FileName为所传文件的名字。
//以DateTime.Now.ToString("yyyyMMddhhmmssms")包括在文件名是为了防止重名,同一时间多人传同一文件的情况发生,造成服务器出错。
//文件名也可以包括所传者的唯一键 Request.Cookies["username"].values
//获取相对路径//获取相对路径。
//upload为在该文件下新建的一个文件夹,跟Default平级
        string path = "upload/" + DateTime.Now.ToString("yyyyMMddhhmmssms") + FileUpload1.FileName; //获取绝对路径,用Server.MapPath()方法 
string endpath = Server.MapPath(path);
//限制上传文件的大小。系统默认是4M。这是在C#位置设置限制,还有在JS设置的。
//FileUpload1.PostedFile.ContentLength为所传文件的大小。
//1mb=1024kb=(1024*1024)b
if (FileUpload1.PostedFile.ContentLength > (( * ) * ))
{
Label1.Text = "文件大小怒鞥超过10Mb";
return;/不执行后面语句
}
      //把文件传到绝对路径下
FileUpload1.SaveAs(endpath); 注意:在C#端限制所传文件大小不好用。
      原因:如果文件超过了系统最大长度,C#端是限制不住的,会直接将程序崩溃。

也可以在Web.confight里面设置所传文件的大小。

方法:在<system.web></system.web>里面加入 <httpRuntime   maxRequestLength="70960"/>。

//在JS里面设置所传文件的大小
<script>
document.getElementById("Button1").onclick = function ()
{
var file = document.getElementById("FileUpload1");
if (file.value.length <= 0)//如果选中选中文件没有文件没有长度,就是没有选中文件
{
alert("请选择所传文件");
return false;//停止操作
}
else
{
if (file.files[0].size > ((1024 * 1024) * 10))//选中文件的第一个文件的大小大于等于10M
{
alert("文件大小怒鞥超过10Mb");
return false;//停止操作
}
}
}
</script>

 如何限制可以选择的文件类型:在FileUpload1里面的属性里添加accept=".jpg,.jpeg,.png",规范为:(.类型后缀,.类型后缀)。

WebForm上传文件FileUpload的更多相关文章

  1. 上传文件fileupload

    文件上传: 需要使用控件-fileupload 1.如何判断是否选中文件? FileUpload.FileName -  选中文件的文件名,如果长度不大于0,那么说明没选中任何文件 js - f.va ...

  2. Webform之FileUpload(上传按钮控件)简单介绍及下载、上传文件时图片预览

    1.FileUpload上传控件:(原文:http://www.cnblogs.com/hide0511/archive/2006/09/24/513201.html) FileUpload 控件显示 ...

  3. .JavaWeb文件上传和FileUpload组件使用

    .JavaWeb文件上传 1.自定义上传 文件上传时的表单设计要符合文件提交的方式: 1.提交方式:post 2.表单中有文件上传的表单项:<input type="file" ...

  4. FileUpload 上传文件,并实现c#使用Renci.SshNet.dll实现SFTP文件传输

    fileupload上传文件和jquery的uplodify控件使用方法类似,对服务器控件不是很熟悉,记录一下. 主要是记录新接触的sftp文件上传.服务器环境下使用freesshd搭建好环境后,wi ...

  5. Extjs 使用fileupload插件上传文件 带进度条显示

    一.首先我们看看官方给出的插件的解释: 一个文件上传表单项具有自定义的样式,并且可以控制按钮的文本和 像文本表单的空文本类似的其他特性. 它使用一个隐藏的文件输入元素,并在用户选择文件后 在form提 ...

  6. 20160620001 FileUpload控件获取上传文件的路径

    参考地址: http://bbs.csdn.net/topics/350051517 —————————————————————————————— 用js实现 <%@ Page Language ...

  7. ASP.NET使用FileUpload上传文件

    前台代码: <asp:FileUpload ID="fuKeleyi" runat="server" /> <asp:Button ID=&q ...

  8. 解决COS、FileUpload上传文件时中文文件名乱码问题

    方法: MultipartParser mp = new MultipartParser(request, 10*1024*1024); mp.setEncoding("GBK") ...

  9. 上传文件出错:org.apache.commons.fileupload.FileUploadBase$IOFileUploadException: Processing of multipart/form-data request failed. Stream ended unexpectedly

    最近做一个web项目中有上传文件的功能,已经写出并在本地和部署到服务器上测试了好几个文件上传都没问题(我用的是tomcat).后来又上传了一个700多K的文件(前边的都是不足600K的,并且这个wor ...

随机推荐

  1. VS2010程序打包

    今天,小白就来给各位做个打包的新手教程,此文仅是为了记录自己的学习过程与方便其他初次接触的打包的朋友们总结一下,希望大家能够受用.废话不多说,下面我们就来讲解下打包工程.首先,在项目中添加一个安装项目 ...

  2. BETWEEN and

    select * from ( select *,ROW_NUMBER() over (ORDER BY AddTime desc) RowNumber from Product where ID n ...

  3. MyEclipse 死掉,JVM terminated. Exit code=1073807364

    刚入手的新成员,刚开始使用myeclipse,是不是会有一大堆的问题,然后没有目标的走,这里有个小技巧,那就是如果做项目出现问题,一定要自己现在网络搜寻答案,网络时代.技术时代走到现在,一定有他的道理 ...

  4. [Ubuntu] Remove Byte Order Mark (BOM) from files recursively [Forward article]

    Original article: http://www.yiiframework.com/wiki/570/remove-byte-order-mark-bom-from-files-recursi ...

  5. 【Install】我是如何安装Linux类系统的

    安装系统:ubuntu12.04 i386 DVD U盘启动12.04live系统   连线,设置连接 安装系统到硬盘   “语言支持”,更新   安装gnome经典界面 sudo apt-get i ...

  6. Inside TSQL Querying - Chapter 2. Physical Query Processing

    Summary Description The SQL language is spoken by most database experts, and all relational database ...

  7. OpenStack 的windows镜像的开启办法

    创建虚拟机 使用我们的管理平台的windows主机创建流程,创建一台主机.在vnc中能看到主机进入到系统中 需要点击按钮sendctrl进入输入密码阶段. 输入我们的镜像的默认密码:5@mdjkw 打 ...

  8. pycharm如何调试scrapy

    其实很简单,按下右上角的这个按钮 点击 跳出一个弹框 选择好 这三个基本就可以了 script是要运行的脚本即python中的Lib中的site-packages里面对应模块的执行文件(不懂的话,自行 ...

  9. yum源的修改

    源路径: /etc/yum.repos.d/ 配置文件: 网络搜索 CentOS-Base.repo(默认) 设备搜索 CentOS-Media.repo 将CentOS-Base.repo移除或改名 ...

  10. EL表达式,JSTL:jsp standard Tag Library

    1.EL表达式的作用: 1.1访问Bean的属性.  方式一:${对象名 . 属性名} eg:${user.name}    方式二:${对象名["属性名"]} 1.2输出简单的运 ...