97
I.
File Upload.
Điều khiển FileUpload cho phép người sử dụng Upload file từ chính ứng dụng Web của
mình.
File sau khi Upload có thể lưu trữ ở 1 nơi nào đó có thể là trên ổ cứng hay trong
Database.
Điều khiển FileUpload hỗ trợ các thuộc tính sau:
Thuộc tính
Ý nghĩa
Enable
Cho phép bạn vô hiệu hoá điều khiển FileUpload.
FileBytes
Cho phép lấy nội dung file đã được upload như một mảng Byte.
FileContent
Cho phép lấy nội dung của file đã được upload theo dòng dữ liệu
FileName
• InputStream: Enables you to retrieve the uploaded file as a stream.
Lớp HttpPostedFile chỉ hỗ trợ phương thức
• SaveAs: Cho phép bạn lưu file được upload lên hệ thống.
Upload 1 file lên server
Trong ví dụ sau bạn sẽ được học cách Upload 1 file ảnh lên đĩa cứng của Server.98
Code 1a. Fileupload.aspx
<%@ Page Language="C#" Debug="true" AutoEventWireup="true"
CodeFile="Fileupload.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" />
<html xmlns=" />
<head runat="server">
<title>FileUpload</title>
</head>
<body>
</asp:DataList>
</div>99
</form>
</body>
</html>
Code 1b.Fileupload.aspx.cs
using System;
using System.Data;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
return true;100
case ".jpg":
return true;
case ".jpeg":
return true;
default:
return false;
}
}
protected void Button1_Click(object sender, EventArgs e)
{
if (FileUpload1.HasFile)
{
if(CheckFileType(FileUpload1.FileName))
101
<%@ Page Language="C#"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" />
<html xmlns=" />
<head runat="server">
<title>Calendar</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
</div>
</form>
</body>
</html>
Kết xuât của nó sẽ như sau:
Cho phép bạn lấy về hoặc thiết đặt cho ngày lựa chọn
SelectedDates
Cho phép bạn gán hoặc lấy về một tập các ngày được lựa chọn
SelectionMode
Cho phép chỉ định các ngày được lựa chọn có giá trị như thế nào, nó
có thể là các giá trị sau: Day, DayWeek, DayWeekMonth, và none.
SelectMonthText
Cho phép hiển thị Text cho 1 tháng được chọn
SelectWeekText
Cho phép hiển thị Text cho 1 tuần được chọn
ShowdayHeader
Cho phép hiển thị tên ngày hay không trên đỉnh của điều khiển.
ShowNextPrevMonth
Cho phép hiển thị hay không liên kết đến tháng tiếp theo hoặc tháng
trước đó.
ShowTitle103
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" /> <html xmlns=" >
<head runat="server">
<title>Multi select date</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar ID="calendar1" SelectionMode="DayWeekMonth"
runat="server" SelectedDate="2008-04-18" TitleFormat="Month"></asp:Calendar>
<br />
<asp:Button ID="btnSubmit" runat="server"
OnClick="btnSubmit_Click" Text="Submit"
104
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
bllresult.DataSource = calendar1.SelectedDates;
bllresult.DataBind();
}
}
Kết xuất của ví dụ 3Tạo một Popup Datepicker
Trong phần này bạn sẽ học cách sử dụng điều khiển Calendar kết hợp với Javacript để
tạo một Pop-up Date picker như trong hình dưới đây:105
Code 4. popupdatepicker.aspx
<%@ Page Language="C#" %>
<script type="text/javascript">106
function displayCalendar()
{
var datePicker = document.getElementById('datePicker');
datePicker.style.display = 'block';
}
</script>
<style type="text/css">
#datePicker
{
display:none;
position:absolute;
border:solid 2px black;
background-color:white;
Copyright: Tài liệu đại học ©