uploadify struts2实现图片上传

uploadify是来自国外的1款优秀的jQuery上传插件,主要功能是批量上传文件,带进度显示。

包括两个版本,1个是Flash的 1个是HTML5的。下面介绍Flash版本如何使用


1、下载 Uploadify Zip


2、解紧缩包并上传以下文件到您的网站上的1个文件夹:

     jquery.uploadify.min.js

     uploadify.css

     uploadify-cancel.png

     uploadify.swf


3、在您使用uploadify页面也不要忘了引入jQuery库


4、在页面引入以下文件

<script type="text/javascript" src="uploadify/jquery⑴.8.0.min.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.min.js"></script>
<link rel="stylesheet" type="text/css" href="uploadify/uploadify.css">

5、页面添加file input

<input type="file" name="file_upload" id="file_upload" />

6、初始化uploadify

$(function() {
$(‘#file_upload’).uploadify({
‘swf’ : ‘uploadify.swf’,
‘uploader’ : ‘fileUploadAction.action’
// Put your options here
});
});

7、终究页面应当像以下这样

<%@ page language="java" import="java.util.*" pageEncoding="utf⑻"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>uploadify</title>
<script type="text/javascript" src="uploadify/jquery⑴.8.0.min.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.min.js"></script>
<link rel="stylesheet" type="text/css" href="uploadify/uploadify.css">
</head>
<body>
<input type="file" name="file_upload" id="file_upload" />
</body>

<script type="text/javascript">
$(function() {
$(‘#file_upload’).uploadify( {
‘swf’ : ‘uploadify/uploadify.swf’,
‘uploader’ : ‘fileUploadAction.action’, //处理上传文件Action路径
‘fileObjName’ : ‘file’, //文件对象
‘buttonText’ : ‘选择文件’, //按钮显示文字
});
});
</script>
</html>

更多uploadify属性请参考http://www.uploadify.com/documentation/


处理上传文件Action省略,需要的可以下载源码:download


效果如图:

作者:itmyhome

转载请注明出处:http://blog.csdn.net/itmyhome1990/article/details/44062283

波比源码 – 精品源码模版分享 | www.bobi11.com
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

波比源码 » uploadify struts2实现图片上传

发表评论

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系站长
赞助VIP 享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡