<%@ page contentType="text/html;charset=utf-8"%>
|
<%
|
String URL = (request.getRequestURL() + "").replace(request
|
.getRequestURI(), "")
|
+ request.getContextPath();
|
%>
|
<%@page import="com.yc.factory.FactoryBean"%>
|
<!DOCTYPE HTML >
|
<html>
|
<head>
|
<title>水印图片上传</title>
|
<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" />
|
<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" />
|
<script type="text/javascript" src="<%=URL%>/js/jqueryUpload/checkInstalledFlash.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jqueryUpload/checkInstalledFlash.js")%>"></script>
|
<script type="text/javascript" src="<%=URL%>/js/jquery.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jquery.js")%>"></script>
|
<script type="text/javascript" src="<%=URL%>/js/jqueryUpload/scripts/swfobject.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/jqueryUpload/scripts/swfobject.js")%>"></script>
|
<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>
|
<script type="text/javascript">
|
$(document).ready(function() {
|
$("#fileupload").uploadify({
|
'uploader' : '/js/jqueryUpload/scripts/uploadify.swf',
|
'script' : '/general/imageWaterMarkUpload.do',//请求地址
|
'method' : 'Get',
|
'cancelImg' : '/js/jqueryUpload/cancel.png',
|
'queueID' : 'fileQueue',
|
'fileDataName' : 'fileupload',
|
'auto' : false,
|
'multi' : true,
|
// 'buttonText' : 'BROSER',
|
'buttonImg' : '/js/jqueryUpload/browser.jpg',
|
'simUploadLimit' : 1, //一次同步上传的文件数目
|
// 'queueSizeLimit' : 1,
|
// 'sizeLimit' : 1,
|
'sizeLimit' : 204800,
|
'fileDesc' : '*.jpg *.jpeg *.png *.gif',
|
'fileExt' : '*.jpg;*.jpeg;*.png;*.gif',
|
onComplete: function (event, queueID, fileObj, response, data) {
|
if($.trim(response)!='success'){
|
alert(response);
|
jQuery('#fileupload').uploadifyClearQueue();
|
return;
|
}
|
window.returnValue=1;
|
},
|
onError: function(event, queueID, fileObj) {
|
alert("文件:" + fileObj.name + "上传失败");
|
}
|
});
|
});
|
function resetScriptDate()
|
{
|
$('#fileupload').uploadifySettings('scriptData',{"sid":"<%=session.getId()%>"});
|
jQuery('#fileupload').uploadifyUpload();
|
}
|
window.onbeforeunload=function(){
|
window.returnValue=isUpdate;
|
}
|
</script>
|
<style type="text/css">
|
.itemDiv{height: 24px;}
|
</style>
|
</head>
|
<body bgcolor="white">
|
<div style="position: absolute;top: 0;left:0px;width:360;height:350px;">
|
<h2 style="margin-left:17px;margin-top:10px;">水印图片上传(图片必须小于200K)</h2>
|
<div style="position: absolute;left: 20px;top: 30px;">
|
<div id="fileQueue" style="position: absolute;left: 0px;top:0px;"></div>
|
<div style="position: absolute;left: 0px;top: 220px;">
|
<input style="display: none;" type="file" name="fileupload" id="fileupload"/>
|
<div id="up" onclick="resetScriptDate();" class="btnUpload" style="position: absolute;top:0px;left:112px;">
|
上传
|
</div>
|
<div onclick="jQuery('#fileupload').uploadifyClearQueue();" class="btnCancel" style="position: absolute;top:0px;left:225px;">
|
取消上传
|
</div>
|
</div>
|
</div>
|
<div style="position: absolute;left: 20px;top: 285px;">
|
1.浏览:点击浏览弹出图片选择对话框(只可以选择多个文件)<br/>
|
2.开始上传:点击开始上传上传所选图片<br/>
|
3.取消上传:点击取消上传则取消所有未上传的文件
|
</div>
|
</div>
|
</body>
|
</html>
|