单个文件上传,并在客户端验证文件的格式

前台代码:

 1using System;
 2using System.Data;
 3using System.Configuration;
 4using System.Collections;
 5using System.Web;
 6using System.Web.Security;
 7using System.Web.UI;
 8using System.Web.UI.WebControls;
 9using System.Web.UI.WebControls.WebParts;
10using System.Web.UI.HtmlControls;
11
12
13/// <summary>
14/// 功能:单个文件上传,并使用JavaScript在前端验证,
15/// 
16///     上传文件的格式;
17/// 
18/// 时间:二00八年一月二十三日
19/// 
20/// 作者:曹代明
21/// 
22/// </summary>

23public partial class Jun_UpdateFile : System.Web.UI.Page
24{
25    protected void Page_Load(object sender, EventArgs e)
26    {
27       
28    }

29    protected void Button1_Click(object sender, EventArgs e)
30    {
31        string FileName = this.FileUpload1.FileName.Trim().ToString();
32        this.UpdateFile(FileName);
33        this.Button1.Text = "单个文件上传成功";
34    }

35
36    公共方法
54
55}

56

后台代码:
 1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpdateFile.aspx.cs" Inherits="Jun_UpdateFile" %>
 2
 3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4
 5<html xmlns="http://www.w3.org/1999/xhtml" >
 6
 7<head runat="server">
 8<script language="javascript" type="text/javascript">
 9 function Check_FileType()
10{
11
12 var str=document.getElementById("FileUpload1").value;
13 var pos = str.lastIndexOf(".");
14 var lastname = str.substring(pos,str.length) 
15 if (lastname.toLowerCase()!=".jpg" && lastname.toLowerCase()!=".gif")
16 {
17     alert("您上传的文件类型为"+lastname+",图片必须为.jpg,.gif类型");
18     return false;
19 }

20 else
21 {
22  return true;
23 }

24}

25
26</script>
27    <title>无标题页</title>
28</head>
29
30<body>
31    <form id="form1" runat="server">
32    <div>
33        &nbsp;
34        <asp:FileUpload ID="FileUpload1" runat="server" />
35        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="单个文件上传" OnClientClick="return  Check_FileType()" /></div>
36    </form>
37</body>
38</html>
39
posted @ 2008-02-27 13:55  阳光追梦  阅读(647)  评论(0编辑  收藏  举报
/*快速评论*/ #div_digg { position: fixed; bottom: 10px; right: 15px; border: 2px solid #ECD7B1; padding: 10px; width: 140px; background-color: #fff; border-radius: 5px 5px 5px 5px !important; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); } /** 不知道为什么页面加载完成时还读不到div_digg。可能也是动态生成的。 所以这里只能用定时器 不断的读取,当读取到了再给它动态添加快捷按钮 **/ //自定义 定时器[当元素加载完成是执行回调函数] function customTimer(inpId,fn) { if ($(inpId).length) { fn(); } else { var intervalId = setInterval(function () { if ($(inpId).length) { //如果存在了 clearInterval(intervalId); // 则关闭定时器 customTimer(inpId,fn); //执行自身 } }, 100); } } //页面加载完成是执行 $(function () { customTimer("#div_digg", function () { var div_html = "
\ 关注\  | \ 顶部\  | \ 评论\
"; $("#div_digg").append(div_html); //tbCommentBody }); });