使用html input(file)控件上传文件

很郁闷,因为考试那段时间,没有忙的过来,之后就在也没有理这一板块的学习了,毕竟,考试不要挂科是关键....

不过隔了一个月后,我重新来整理下,之前知道FCKeditor很强大,毕竟能够节省很多时间,我想想,还是玩下吧,毕竟是好东西,人人追捧,现在的版本已到了FCKeditor2_6了,

刚刚下在以后,马上百度,google的提示,在ASP_NET3.0环境中的安装起来,已安装,了马上来测试

之后就发现了很多问题,文字还可以,但是上传的就是搞不了,很郁闷.....

不过不要紧,我另外弄多个控件上去吧

 

说说这个上传图片的控件,蛮管用的

这个东西可以在这里下载:FCKeditor_2.6.zip   还有一个是FCKeditor.Net_2.5.zip

其他的在ASP.NET 的环境下安装就不多说了

现在要说的是关于这个控件的使用

前台:

代码
<form id="form1" runat="server" method="post" enctype="multipart/form-data">
选择要上传的文件:
<asp:FileUpload ID="UpLoadFile" runat="server" />
<input type="submit" value="上传" runat="server" onserverclick="UpLoadFile_Click" /><br /><br />
<div id="FileDetail" visible="false" runat="server">
上传文件信息:
<br />
原文件名:
<span id="FileName" runat="server"></span><br />
文件类型:
<span id="FileType" runat="server"></span><br />
文件大小:
<span id="FileSize" runat="server"></span><br />
上传服务器:
<span id="SaveURL" runat="server"></span><br />
上传图片预览:
<br />
<asp:Image runat="server" ID="Image1" Height="100" Visible="false" ImageUrl="upfile/logo.jpg" />

注意不要忘记了form表单添加enctype="multipart/form-data"的属性,因为该属性是将设置为表单的以二进制文件流的形式来提交数据

 

后台:

 

代码
protected void UpLoadFile_Click(Object sender, EventArgs e)
{

string path = Server.MapPath("./") + "upfile/";//获取当前目录下upfile文件夹在服务器上的绝对地址,作为图片保存地址。
if (UpLoadFile.HasFile)//判断本地需要上传的文件是否已经选取
{
string fileExt = System.IO.Path.GetExtension(UpLoadFile.FileName).ToLower();//获取上传文件的扩展名并转换为小写,为下面的上传类型合法性判断作准备
if (fileExt == ".gif" || fileExt == ".jpg")//只允许上传.gif和.jpg格式文件
{
//开始执行上传操作
try
{
UpLoadFile.SaveAs(path
+ UpLoadFile.FileName);//服务器端保存该文件

FileDetail.Visible
= true;//显示上传文件信息
//显示上传文件的名称、类型和大小
FileName.InnerHtml = UpLoadFile.PostedFile.FileName;
FileType.InnerHtml
= UpLoadFile.PostedFile.ContentType;
FileSize.InnerHtml
= UpLoadFile.PostedFile.ContentLength.ToString();
SaveURL.InnerHtml
= path + UpLoadFile.FileName;//显示保存到服务器端文件的路径
}
catch (Exception ex)
{
Response.Write(
"文件上传过程中发生错误,错误信息:" + ex.Message);
}
}
else
{
Response.Write(
"程序只支持上传.gif或.jpg格式的文件!");
}
}
else//如果没有选择本地文件
Response.Write("请先选择文件!");

}

}

 

其实上传文件,包括图片之类的很多方法都是这样子的...积累下心的

完成 收工....

posted on 2010-08-20 18:49  胜锐  阅读(5556)  评论(6编辑  收藏  举报