文件上传示例

最新推荐文章于 2024-02-03 16:52:32 发布

kevin3061

最新推荐文章于 2024-02-03 16:52:32 发布

阅读量131

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/kevin3061/article/details/25100499

本文介绍了一个使用JSP实现的文件上传示例，通过整合jQuery Uploadify插件完成文件选择与上传流程。该示例定义了文件类型限制、大小限制及上传数量，并实现了手动触发上传的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<link rel="stylesheet" type="text/css" href="upload/uploadify.css"/>
<script type="text/javascript" src="upload/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="upload/jquery.uploadify.min.js"></script>
</head>

<body>
<form action="upload/uploadPic">
<input type="text" name="name">
<input type="submit" value="submit">
</form>


<h2>文件上传</h2>
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:$('#uploadify').uploadify('upload','*');">开始上传</a> 
<a href="javascript:$('#uploadify').uploadify('stop');">取消所有上传</a>
</p>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("#uploadify").uploadify({
'swf' : 'upload/uploadify.swf',
'uploader' : '<%=basePath%>upload/uploadPic',
'fileObjName' : 'picFile',
'fileSizeLimit' : '100KB',
'progressData' : 'speed',
'queueID' : 'fileQueue',
'queueSizeLimit' : 5,
'auto' : false,
'multi' : true,
'uploadLimit' : 5,
'buttonText' : '上传图片',
'fileTypeDesc' : '请选择jpeg的图片',
'fileTypeExts' : '*.jpg;*.jpeg'
});
})
</script>
</html>