input type=file 以及jspsmartupload

debug158 2004-12-23 05:43:41
关于在浏览器中文件上载的方法与实现
一、问题引入

  在现在的管理信息系统中,比较先进的都已采用浏览器/服务器的模型,在这种模型中都要涉及到客户端与服务器端的信息交互问题,从服务器端到客户端的信息传递技术已经比较成熟,这里主要讨论从客户端到服务器端的文件上载问题,基于Microsoft的IE4.0、IIS4.0、ASP(Active Server Page)和标准HTML语言。
二、解决方法

  在ASP页面中,利用HTML中的Form元素来实现。
  在Form元素的语法中,EncType表明提交数据的格式,Method表明提交的方法(Get/Post)。在IE4.0 及以后的版本中都支持"multipart/form-data"这种格式,相应的Method方法必须是Post,表明要上载文件到服务器。当然同时在服务器相应的WEB站点上要把属性设为可写。下面是一个示例:<form enctype="multipart/form-data" action="http://dev_d/upload/post/cpshost.dll?PUBLISH?http://dev_d/upload/UserUploadAction.asp"
method=post id=form2 name=form2>

  1. Press the Browse button and choose a File to upload from your computer.
<br><input type="file" id=file1 name=file1>
  2. Upload the file.
<br><input type=hidden size=80 name="TargetURL" value="http://dev_d/upload/post">
<input type=submit value='Upload' id=submit1 name=submit1>
</form>

三、实现要素

  1 Form的enctype="multipart/form-data"。
  2 Form的action="(UserURL)/cpshost.dll?PUBLISH?(UserURL)/UserUploadAction.asp"。
说明:cpshost.dll是用于文件上载的动态链接文件,其后的PUBLISH参数也为固定,而(UserURL) 指的是完整的URL地址,如:http://dev_d/upload。如果PUBLISH后没有参数,上载文件完成后,只是简单返回文件已经上载;如果PUBLISH后跟上完整URL的ASP文件,就可以用ASP来处理文件上载后的其他操作,如修改相应的数据库数据。可以在ASP文件中用
Request.Form("Variable")来访问相应参数。对上载文件来说,Variable有四种可能的值:
FileName 文件名称(不包括后缀),FileExtention 文件后缀(包括"."),FilePath 上载文件
保存的服务器端路径,FileSize 上载文件的字节大小。
  3 Form的Method的方法必须为Post。
  4 Form中必须有一个input元素,而且input的属性type="file"。
说明:如果要上载多个文件,有多个input元素就可以了,但至少有一个有效文件,否则会出错。系统会自动产生一个文本区域和一个"browse..."按钮,可以直接在文本区域内输入文件路径名称,或按"browse..."按钮,从文件对话框中选择一个文件。
  5 Form中必须有一个隐含(即type=hidden)input元素,而且input的属性name="TargetURL",属性
value="(UserURL)",(UserURL)即为上载文件保存位置的URL地址。
说明:文件保存位置的URL地址属性必须设为可写,否则会返回此URL地址没有写的权限。
  6 Form中必须有一个submit按钮,即input的属性type="submit",此按钮即为上载按钮。或者在其他相关事件中调用此Form的Submit方法。但两种方法实际上本质相同,只不过用方法调用还可以在上载前加上其它处理代码,如数据的有效性检查等。 四、完整实例

1 用户上载文件页面UserUpload.asp
<% response.expires=0 %>
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</HEAD>

<BODY>

<form enctype="multipart/form-data"
action="http://dev_d/upload/post/cpshost.dll?PUBLISH?http://dev_d/upload/UserUploadAction.asp"
method=post id=form2 name=form2>

<table BORDER=0 CELLSPACING=3 CELLPADDING=3>
<tr>
<td valign=top><span >1. </span>
<td>Press the Browse button and choose a File to upload from your computer.
<br><input type="file" id=file1 name=file1>
<br><input type="file" id=file2 name=file2>
</td>
<tr>
<TD vAlign=top><SPAN >2. </SPAN>
<TD>Upload the file.
<br><input type=hidden size=80 name="TargetURL" value="http://dev_d/upload/post">
<input type=submit value='Upload' id=submit1 name=submit1>
</td>
</table>
</form>
</BODY>
</HTML>

2 用户上载文件处理页面UserUploadAction.asp
<% Response.Buffer = TRUE %>
<% Response.expires=0 %>

<HTML>
<BODY>
<H3>Upload Status:<BR></H3>

<span style="color:gray"><HR>
<%
For I = 1 To Request.Form("FileName").Count
Response.Write "Uploaded File: <B>" & Request.Form("FileName")(I) & Request.Form("FileExtention")(I) &"</B><BR>"
Response.Write "Server Path: <B>" & Request.Form("FilePath")(I) & "</B><BR>"
Response.Write "Size: <B>" & Request.Form("FileSize")(I) & " bytes</B><br>"
Next

FileName = Request.Form("FilePath")(1) & Request.Form("FileName")(1) & Request.Form("FileExtention")(1)
%>
<hr><br>

<%
if request.form("FilePath").count = 0 then
Response.Write ("No file was received.")
Response.End
else
Response.Write (filename+" File was received.")
end if
%>
</span>

</BODY>
</HTML>



使用jsp上传组件jspsmartupload时的一点心得体会
第一次使用jspsmartupload,从网上找来一篇文章按着例子作了一下,果然很好用
可是在作的同时我还是发现了一个问题,事情时这样的,我现在有这样一个页面它既
提交file同时还要在页面上提交text,我以为页面元素只要用request.getParameter就可以了
可是如果吧form的属性改成下面这样--ENCTYPE="multipart/form-data",就不能用request.getParameter
text1的值无法得到是null

<FORM METHOD="POST" ACTION=" uploadfile.jsp" ENCTYPE="multipart/form-data">
<INPUT TYPE="FILE" NAME="FILE1" SIZE="50"><BR>
<INPUT TYPE="FILE" NAME="FILE2" SIZE="50"><BR>
<INPUT TYPE="FILE" NAME="FILE3" SIZE="50"><BR>
<INPUT TYPE="FILE" NAME="FILE4" SIZE="50"><BR>
主题:<input type="text" name="text1" ><br>
<INPUT type=submit value=写 完 name=ok>
</form>后来仔细看了一些介绍文档才发现,如果用jspsmartupload来上传组件,那么必须用它自己的函数来获得参数
具体方法是这样的
int count=0;

mySmartUpload.initialize(pageContext);

//文件上传
mySmartUpload.upload();
//获得文本的内容,关键在这里,要使用mySmartUpload.getRequest().getParameter来获得页面参数
//而且这个方法要在mySmartUpload.upload()方法后面调用才行。
String content = mySmartUpload.getRequest().getParameter("text1");
//显示文本的内容
out.println(content);
//上传的情况统计
for (int i=0;i 由 yahoo163 发表于 March 10, 2004 03:53 PM


...全文
144 点赞 收藏 回复
写回复
回复

还没有回复,快来抢沙发~

发动态
发帖子
Web 开发
创建于2007-09-28

5.2w+

社区成员

34.1w+

社区内容

Java Web 开发
社区公告
暂无公告