<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FileUploadTest.aspx.cs" Inherits="FileUploadTest" %>
<!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>www.liehuo.net</title>
<style type="text/css">
#File1
{
height: 22px;
width: 264px;
}
</style>
<script language="javascript" type="text/javascript">
function disableSave(obj) {
var btnsave = document.getElementById("Button2");
btnsave.disabled = true;
}
function validateFileSize(id,maxsize) {
var btnsave = document.getElementById("Button2");
btnsave.disabled = false;
var filepath = "";
var fileupload = document.getElementById(id);
if (fileupload.value.length < 5) { alert('请选择文件！'); return; }
var agent = window.navigator.userAgent;
if (document.all) {
var isIE7 = agent.indexOf('MSIE 7.0') != -1;
var isIE8 = agent.indexOf('MSIE 8.0') != -1;
//IE7和IE8获得文件路径
if (isIE7 || isIE8) {
fileupload.select();
filepath = document.selection.createRange().text;
}
//IE6获得文件路径
else
{ filepath = file.value; }
PageMethods.ValidateFile(filepath, maxsize, ieCallBack);
}
if (agent.indexOf("Firefox") >= 1) {
if (fileupload.files) {
var size = fileupload.files[0].fileSize;
if (size > parseInt(maxsize)) {
fileupload[removed][removed] = '<input type="file" name="' + fileupload.name + '" id="' + fileupload.id + '" onchange="disableSave(this);"/> ';
alert("文件超过大小！");
}
else { alert("文件上传成功！"); }
}
}
}
function ieCallBack(response) {
if (response == "invalid") {
var file = document.getElementById('FileUpload1');
file[removed][removed] = '<input type="file" name="' + file.name + '" id="' + file.id + '" onchange="disableSave(this);"/> ';
alert("文件超过大小！");
}
else { alert("文件上传成功！"); }
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
<div>
<div style="text-align:center">
JavaScript验证客户端上传文件大小
<br />不启用安全设置，兼容IE火狐
<br />
<span> <input id="FileUpload1" type="file" onchange="disableSave(this);" runat="server"/></span>
<input id="Button1" type="button"value="上传文件" onclick="validateFileSize('FileUpload1','102400');"/>
<br />
<asp:Button ID="Button2" runat="server" Text="保存记录"
onclick="Button2_Click" />
<br />
验证文件大小未超过指定值后，给TEXTBOX赋值
<br />
<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Height="84px" Width="348px"></asp:TextBox>
<br />
设计思路：当用户选择“浏览”将“保存记录”按钮禁用，<br />
只有经过“上传文件”按钮验证以后才能提交记录。<br />
验证不通过则将上传控件的值清空，通过则不作处理。
</div>
</div>
</form>
</body>
</html>
后台代码：代码
using System;
using System.IO;
using System.Web.Services;
public partial class FileUploadTest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
pbotected void Button2_Click(object sender, EventArgs e)
{
TextBox1.Text = "你成功的上传了文件" + FileUpload1.PostedFile.FileName;
}
[WebMethod]
public static string ValidateFile(string filepath, string filezie)
{
var fs = new FileStream(filepath, FileMode.Open, FileAccess.Read);
if (fs.Length > int.Parse(filezie))
return "invalid";
return "valid";
}
}
本文地址:
http://www.it300.com/article-1482.html
评论