81,094
社区成员
发帖
与我相关
我的任务
分享input type=file 以及jspsmartupload
关于在浏览器中文件上载的方法与实现
一、问题引入
在现在的管理信息系统中，比较先进的都已采用浏览器/服务器的模型，在这种模型中都要涉及到客户端与服务器端的信息交互问题，从服务器端到客户端的信息传递技术已经比较成熟，这里主要讨论从客户端到服务器端的文件上载问题，基于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
一、问题引入
在现在的管理信息系统中，比较先进的都已采用浏览器/服务器的模型，在这种模型中都要涉及到客户端与服务器端的信息交互问题，从服务器端到客户端的信息传递技术已经比较成熟，这里主要讨论从客户端到服务器端的文件上载问题，基于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
...全文
请发表友善的回复…
发表回复
