1、js代码:?
<script type="text/javascript">?
$(document).ready(function() {?
$('#fileInput').uploadify({?
//以下参数均是可选?
'uploader' : '<%=basePath%>images/uploadify.swf',?? //指定上传控件的主体文件,默认‘uploader.swf’?
'script'??? : '<%=basePath%>UploadServlet',?????? //指定服务器端上传处理文件,默认‘upload.php’?
'cancelImg' : '<%=basePath%>images/cancel.png',?? //指定取消上传的图片,默认‘cancel.png’?
'buttonImg':'<%=basePath%>images/upload2.jpg',?
'auto'????? : true,?????????????? //选定文件后是否自动上传,默认false?
'folder'??? : '/userphoto'?? ,???? //要上传到的服务器路径,默认‘/’?
'multi'???? : false,?????????????? //是否允许同时上传多文件,默认false?
'fileDesc' : '图片文件' , //出现在上传对话框中的文件类型描述?
'fileExt'?? : '*.jpg;*.bmp;*.png;*.gif',????? //控制可上传文件的扩展名,启用本项时需同时声明fileDesc?
'sizeLimit': 86400,????????? //控制上传文件的大小,单位byte?
'onComplete': function(event,queueID,fileObj,response,data) {?
$('#image').attr("src","<%=basePath%>userphoto/"+response);?
$('#image').show();?
$('#photo').attr("value",response);?
},?
'onError'????????? : function(event, queueID, fileObj)???
{????
alert("文件:" + fileObj.name + " 上传失败");????
}?
});?
});?
</script>?
2、注意事项?
(1)、如果页面没有显示“BROWSE”按钮,则说明你的'uploader' : '<%=basePath%>images/uploadify.swf'配置不对,检查下路径是否正确。?
(2)、如果需要修改按钮的图片:可以使用'buttonImg'配置进行替换?
(3)、上传完成后,'onComplete'事件没有触发:在后台servlet处理完后,要向页面输出1,否则页面的onComplete回 调函数不会执行。response.getWriter().write(1);?
(4)、如果在后台servlet处理上传将图片的名称改变的话,就不能通过fileObj获得它的值,而是要在后台servlet输出新文件 名:out.print(filename);在jsp页面要相应使用response来获得新值。?
(5)、图片预览实现:?
在jsp页面中添加一个<img src=""></img>,当上传完成后在onComplete事件中修改img的src值。
3、下载地址
www.uploadify.com/download/
详细解决方案
jquery.uploadify插件兑现图片上传和预览效果
热度:373 发布时间:2013-09-08 15:21:21.0
相关解决方案
- jquery 获取jsp页面的id解决方法
- jquery,二维数组取值。解决办法
- 求jquery.form.js+jquery.validate.min.js 用ajax提交表单的代码范例
- jquery 提交form表单不用插件的那种 如何提交
- jquery ajax回传没有值,该怎么处理
- jquery easyUI datagrid struts2有关问题
- jquery form 有关问题
- springmvc jquery ajax 提交复杂对象,415异常解决办法
- 应用Struts2 与 jquery,ajax验证用户注册,不用从数据库获取数据
- jquery ajax select解决方法
- php jquery check username ajax检察帐号唯一性
- jquery ajax返回值的有关问题
- jquery 或js 获取指定字符间的字符串,并轮换。回答出来的是大神级~
- jquery 的bind里面能不能获得返回值呢? 对小弟我很难的有关问题啊
- jquery 的uploadify下传图片怎么让出错信息提示成中文
- java+jquery easy ui + json + struts分页例子
- jquery easyui分页效率有关问题
- jquery 如何获得动态添加后的子元素个数?
- jQuery.ajax()请求struts2数据 回到data值了undefined
- 关于Struts2 jQuery Plugin的 Result,该如何处理
- Jquery 点击按钮实现图片翻页,该如何解决
- jquery 关于监听checkbox的选中和不选中事件,该如何解决
- jQuery append动态添加的页面对象如何处理刷新掉
- Jquery+json解决思路
- jquery post有关问题
- 求大神解决偏题 - jquery ajax
- jquery $.ajax有关问题
- jquery td遍历有关问题
- jquery ui taps有关问题,求解!
- jquery easyui 如何设置标题列居左,里面的数据列居右