FileUpload上传文件时客户端的简单验证

原创于 2011-07-18 16:19:08 发布 · 348 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#upload #excel #javascript #扩展 #数据库 #服务器

本文介绍了一种在ASP.NET中使用客户端JavaScript进行文件上传验证的方法，特别针对Excel文件的扩展名进行了检查，并在上传前增加了确认提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

FileUpload上传文件时可以在客户端作一些简单验证，比如文件的扩展名等信息，也可以给出一些提示！下面是一个验证上传Excel文件的例子，由于Excel文件上传后，数据将导入到数据库中，所以在最后还加了一个确认提示！

1、页面代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Upload.aspx.cs" Inherits="Upload" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title>Asp.net文件上传时的客户端简单验证</title>

<script language="javascript" >

function checkmes(id)

{

var filename = document.getElementById(id).value;

//验证是否选择文件

if(filename=="")

{

alert("请选择一个文件！");

return false;

}

//验证扩展名

var ex = filename.substring(filename.length-4);

if(ex!=".xls")

{

alert("你选择的文件类型不正确，请选择一个Excel文件!");

return false;

}

//最后提示信息

return confirm("你确定要上传此Excel文件？");

}

</script>

</head>

<body>

<form id="form1" runat="server">

<div>

<strong>Asp.net文件上传时的客户端简单验证<br />

<br />

<asp:FileUpload ID="fu_Excel" runat="server" Width="300px" /> 

<asp:Button ID="btn_Upload" runat="server" Text="上传" OnClick="btn_Upload_Click" /> </strong></div>

</form>

</body>

</html>

2、后台代码：

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class Upload : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

btn_Upload.Attributes.Add("onclick", "javascript:return checkmes('" + fu_Excel.ClientID + "');");

}

protected void btn_Upload_Click(object sender, EventArgs e)

{

//上传文件的服务器端代码

}

}

以上只是提供一种实现的方式，具体的验证可根据需要作相应的修改。

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。