HTML页面:
<form action="UploadImages" method="post" enctype="multipart/form-data" name="form1">
<TABLE >
<TR >
<TD >酒店图片:</td>
<td id="file" >
<input type="file" name="file1">
<input type="button" value="增加图片" οnclick="AddMore()">
</td>
</tr>
<input type="subm<a href="http://www.999it%3Ca%20href%3D/" http:="" www.999it.net="" a="" kfyy="" netjs="" '="" target="_blank" style="padding: 0px; margin: 0px; color: rgb(37, 110, 177); text-decoration: none; ">.net' target='_blank'>it" name="Subm<a href="http://www.999it%3Ca%20href%3D/" http:="" www.999it.net="" a="" kfyy="" netjs="" '="" target="_blank" style="padding: 0px; margin: 0px; color: rgb(37, 110, 177); text-decoration: none; ">.net' target='_blank'>it" value="上传">
</table>
</form>
<script type="text/javascript">
function AddMore(){
var more = document.getElementById("file");
var br = document.createElement("br");
var input = document.createElement("input");
var button = document.createElement("input");
input.type = "file";
input.name = "file";
button.type = "button";
button.value = "删除";
more.appendChild(br);
more.appendChild(input);
more.appendChild(button);
button.onclick = function(){
more.removeChild(br);
more.removeChild(input);
more.removeChild(button);
};
}
</script>
下边用servlet来实现上传,注意servlet要跟页面处于同一路径下:
页面用POST,所以将下边内容将自动生成的覆盖掉即可:
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=gb2312");
PrintWriter out = response.getWriter();
SmartUpload mySmartUpload =new SmartUpload();
long file_size_max=4000000;
String fileName2="",ext="",testvar="";
String url="upfileforhotel/images/"; //应保证在根目录中有此目录的存在
//初始化
mySmartUpload.initialize(this.getServletConfig(),request,response);
//只允许上载此类文件
try {
mySmartUpload.setAllowedFilesList("jpg,gif");
//上载文件
mySmartUpload.upload();
//mySmartUpload.save("/upfileforhotel/images/");
} catch (Exception e){
out.print("<script>");
out.println("alert('只允许上传.jpg和.gif类型图片文件!');");
out.print("</script>");(责任编辑:信息发布员)