| 提交 | 用户 | age | ||
| a6a76f | 1 | <%@ page contentType="text/html;charset=utf-8"%> |
| F | 2 | <% |
| 3 | String URL = (request.getRequestURL() + "").replace(request | |
| 4 | .getRequestURI(), "") | |
| 5 | + request.getContextPath(); | |
| 6 | %> | |
| 7 | <%@page import="com.yc.factory.FactoryBean"%> | |
| 4a551f | 8 | <!DOCTYPE HTML > |
| a6a76f | 9 | <html> |
| F | 10 | <head> |
| 11 | <title>水印图片上传</title> | |
| 12 | <link href="<%=URL%>/js/jqueryUpload/css/uploadify.css?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jqueryUpload/css/uploadify.css")%>" rel="stylesheet" type="text/css" /> | |
| 13 | <link href="<%=URL%>/js/jqueryUpload/css/default.css?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jqueryUpload/css/default.css")%>" rel="stylesheet" type="text/css" /> | |
| 14 | <script type="text/javascript" src="<%=URL%>/js/jqueryUpload/checkInstalledFlash.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jqueryUpload/checkInstalledFlash.js")%>"></script> | |
| 15 | <script type="text/javascript" src="<%=URL%>/js/jquery.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jquery.js")%>"></script> | |
| 16 | <script type="text/javascript" src="<%=URL%>/js/jqueryUpload/scripts/swfobject.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jqueryUpload/scripts/swfobject.js")%>"></script> | |
| 17 | <script type="text/javascript" src="<%=URL%>/js/jqueryUpload/scripts/jquery.uploadify.v2.1.0.min.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jqueryUpload/scripts/jquery.uploadify.v2.1.0.min.js")%>"></script> | |
| 18 | <script type="text/javascript"> | |
| 19 | $(document).ready(function() { | |
| 20 | $("#fileupload").uploadify({ | |
| 21 | 'uploader' : '/js/jqueryUpload/scripts/uploadify.swf', | |
| 22 | 'script' : '/general/imageWaterMarkUpload.do',//请求地址 | |
| 23 | 'method' : 'Get', | |
| 24 | 'cancelImg' : '/js/jqueryUpload/cancel.png', | |
| 25 | 'queueID' : 'fileQueue', | |
| 26 | 'fileDataName' : 'fileupload', | |
| 27 | 'auto' : false, | |
| 28 | 'multi' : true, | |
| 29 | // 'buttonText' : 'BROSER', | |
| 30 | 'buttonImg' : '/js/jqueryUpload/browser.jpg', | |
| 31 | 'simUploadLimit' : 1, //一次同步上传的文件数目 | |
| 32 | // 'queueSizeLimit' : 1, | |
| 33 | // 'sizeLimit' : 1, | |
| 34 | 'sizeLimit' : 204800, | |
| 35 | 'fileDesc' : '*.jpg *.jpeg *.png *.gif', | |
| 36 | 'fileExt' : '*.jpg;*.jpeg;*.png;*.gif', | |
| 37 | onComplete: function (event, queueID, fileObj, response, data) { | |
| 38 | if($.trim(response)!='success'){ | |
| 39 | alert(response); | |
| 40 | jQuery('#fileupload').uploadifyClearQueue(); | |
| 41 | return; | |
| 42 | } | |
| 43 | window.returnValue=1; | |
| 44 | }, | |
| 45 | onError: function(event, queueID, fileObj) { | |
| 46 | alert("文件:" + fileObj.name + "上传失败"); | |
| 47 | } | |
| 48 | }); | |
| 49 | }); | |
| 50 | function resetScriptDate() | |
| 51 | { | |
| 52 | $('#fileupload').uploadifySettings('scriptData',{"sid":"<%=session.getId()%>"}); | |
| 53 | jQuery('#fileupload').uploadifyUpload(); | |
| 54 | } | |
| 55 | window.onbeforeunload=function(){ | |
| 56 | window.returnValue=isUpdate; | |
| 57 | } | |
| 58 | </script> | |
| 59 | <style type="text/css"> | |
| 60 | .itemDiv{height: 24px;} | |
| 61 | </style> | |
| 62 | </head> | |
| 63 | <body bgcolor="white"> | |
| 64 | <div style="position: absolute;top: 0;left:0px;width:360;height:350px;"> | |
| 65 | <h2 style="margin-left:17px;margin-top:10px;">水印图片上传(图片必须小于200K)</h2> | |
| 66 | <div style="position: absolute;left: 20px;top: 30px;"> | |
| 67 | <div id="fileQueue" style="position: absolute;left: 0px;top:0px;"></div> | |
| 68 | <div style="position: absolute;left: 0px;top: 220px;"> | |
| 69 | <input style="display: none;" type="file" name="fileupload" id="fileupload"/> | |
| 70 | <div id="up" onclick="resetScriptDate();" class="btnUpload" style="position: absolute;top:0px;left:112px;"> | |
| 71 | 上传 | |
| 72 | </div> | |
| 73 | <div onclick="jQuery('#fileupload').uploadifyClearQueue();" class="btnCancel" style="position: absolute;top:0px;left:225px;"> | |
| 74 | 取消上传 | |
| 75 | </div> | |
| 76 | </div> | |
| 77 | </div> | |
| 78 | <div style="position: absolute;left: 20px;top: 285px;"> | |
| 79 | 1.浏览：点击浏览弹出图片选择对话框(只可以选择多个文件)<br/> | |
| 80 | 2.开始上传：点击开始上传上传所选图片<br/> | |
| 81 | 3.取消上传：点击取消上传则取消所有未上传的文件 | |
| 82 | </div> | |
| 83 | </div> | |
| 84 | </body> | |
| 85 | </html> | |
