springside3 jquery.uploadify-v2.1.0 文件上传

1、下载 www.uploadify.com 放到 springside3 的 \mini-web\webapp\common
2、 jsp
<%// upload start %>
<link href="${ctx}/common/uploadifyV2/example/css/default.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/common/uploadifyV2/example/css/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/common/uploadifyV2/example/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="${ctx}/common/uploadifyV2/example/scripts/swfobject.js"></script>
<script type="text/javascript" src="${ctx}/common/uploadifyV2/example/scripts/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
   $("#uploadify").uploadify({
    'uploader'       : '${ctx}/common/uploadifyV2/example/scripts/uploadify.swf',
    'script'         : '${ctx}/upload',
    'cancelImg'      : '${ctx}/common/uploadifyV2/example/cancel.png',
    'folder'         : '${ctx}/uploads',
    'queueID'        : 'fileQueue',
    'fileDataName'  : 'files',
    'scriptData'  : '{"name","namevalue"}',
    'auto'           : true,
    'multi'          : true
   });
  });
</script>
<%// upload end %>


<%// upload start %>
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p><a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">Cancel All Uploads</a></p>
<%// upload end %>


3、 java (servlet中好用,放到action中不行).
用apache 的 DiskFileItemFactory fac = new DiskFileItemFactory() 处理提交的request中的文件流。

你可能感兴趣的:(JavaScript,jquery,jsp,css,servlet)