百度云下载
index.jsp:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.util.Date"%>
<%@ page import="java.text.SimpleDateFormat"%>
<%@ page import="java.util.List"%>
<%@ page import="javax.servlet.http.HttpServletRequest"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>文件上传</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
<center />
<br>
<br>
<br>
<h1>
<font color="#FF0000">文件上传</font>
</h1>
<h3>
<font color="#FF0000">一次只能上传一张图片,多选将默认上传第一张</font>
</h3>
<h5>
<font color="#FF0000">请上传JPG、PNG格式的图片</font>
</h5>
<br>
<script type="text/javascript">
<%String path = (String) request.getParameter("path");
String value = (String) request.getParameter("value");
String src = (String) request.getParameter("src");
String del = (String) request.getParameter("del");
/* String a = (String) request.getParameter("a"); */
String flag = (String) request.getParameter("flag");%>
<%StringBuffer sb = new StringBuffer();
Date date = new Date();
SimpleDateFormat sdf = new SimpleDateFormat("yyMMdd");
sb.append(sdf.format(date));
String h = new SimpleDateFormat("HH").format(date);
String m = new SimpleDateFormat("mm").format(date);
String s = new SimpleDateFormat("ss").format(date);
sb.append(h);
sb.append(m);
sb.append(s);
for (int i = 0; i < 4; i++) {
int index = (int) (Math.random() * 10);
sb.append(index);
}
sb.append(".jpg");
String imagename = sb.toString();%>
<%/* request.setAttribute("that", that); */
request.setAttribute("imagename", imagename);
/* request.setAttribute("flag", flag); */
request.setAttribute("path", path);
request.setAttribute("value", value);
request.setAttribute("src", src);
request.setAttribute("del", del);
/* request.setAttribute("a", a); */
request.setAttribute("flag", flag);%>
var path = "${path}"
var imagename = "${imagename}"
/* var flag = "${flag}" */
var value = "${value}"
var src = "${src}"
var del = "${del}"
/* var a = "${a}" */
var flag = "${flag}"
</script>
<h4>您所选择的文件:</h4>
<div id="ossfile">你的浏览器不支持flash,Silverlight或者HTML5!</div>
<br />
<div id="container">
<a id="selectfiles" href="javascript:void(0);" class='btn'>选择文件</a> <a
id="postfiles" href="javascript:void(0);" class='btn'
οnclick="javascript:aaa();">开始上传</a>
</div>
<pre id="console"></pre>
<p> </p>
</body>
<script type="text/javascript" src="lib/crypto1/crypto/crypto.js"></script>
<script type="text/javascript" src="lib/crypto1/hmac/hmac.js"></script>
<script type="text/javascript" src="lib/crypto1/sha1/sha1.js"></script>
<script type="text/javascript" src="lib/base64.js"></script>
<script type="text/javascript"
src="lib/plupload-2.1.2/js/plupload.full.min.js"></script>
<script type="text/javascript" src="upload.js"></script>
</html>
upload.js
var policyText = {
"expiration" : "2020-01-01T12:00:00.000Z", // 设置该Policy的失效时间,超过这个失效时间之后,就没有办法通过这个policy上传文件了
"conditions" : [ [ "content-length-range", 0, 1048576000 ] // 设置上传文件的大小限制
]
};
accessid = 'test';
accesskey = 'test';
host = 'http://miaozhuang.oss-cn-shanghai.aliyuncs.com';
/* var a = window.parent.document.getElementById("roomType").value; */
var policyBase64 = Base64.encode(JSON.stringify(policyText))
message = policyBase64
var bytes = Crypto.HMAC(Crypto.SHA1, message, accesskey, {
asBytes : true
});
var signature = Crypto.util.bytesToBase64(bytes);
var uploader = new plupload.Uploader(
{
runtimes : 'html5,flash,silverlight,html4',
browse_button : 'selectfiles',
container : document.getElementById('container'),
flash_swf_url : 'lib/plupload-2.1.2/js/Moxie.swf',
silverlight_xap_url : 'lib/plupload-2.1.2/js/Moxie.xap',
url : host,
multipart_params : {
'Filename' : imagename,
'key' : path + imagename,
'policy' : policyBase64,
'OSSAccessKeyId' : accessid,
'success_action_status' : '200', // 让服务端返回200,不然,默认会返回204
'signature' : signature,
},
filters : {
mime_types : [ // 只允许上传图片和zip,rar文件
{
title : "Image files",
extensions : "jpg,png,gif,jgeg,bmp,jpeg"
}, {
title : "Zip files",
extensions : "zip,rar"
} ],
max_file_size : '80mb', // 最大只能上传10mb的文件
prevent_duplicates : true
// 不允许选取重复文件
},
init : {
PostInit : function() {
document.getElementById('ossfile').innerHTML = '';
document.getElementById('postfiles').onclick = function() {
uploader.start();
return false;
};
},
FilesAdded : function(up, files) {
plupload
.each(
files,
function(file) {
document.getElementById('ossfile').innerHTML += '<div id="'
+ file.id
+ '">'
+ file.name
+ ' ('
+ plupload
.formatSize(file.size)
+ ')<b></b>'
+ '<div class="progress"><div class="progress-bar" style="width: 0%"></div></div>'
+ '</div>';
});
},
UploadProgress : function(up, file) {
var d = document.getElementById(file.id);
d.getElementsByTagName('b')[0].innerHTML = '<span>'
+ file.percent + "%</span>";
var prog = d.getElementsByTagName('div')[0];
var progBar = prog.getElementsByTagName('div')[0]
progBar.style.width = 2 * file.percent + 'px';
progBar.setAttribute('aria-valuenow', file.percent);
},
FileUploaded : function(up, file, info) {
// alert(info.status)
if (info.status >= 200 || info.status < 200) {
document.getElementById(file.id).getElementsByTagName(
'b')[0].innerHTML = 'success';
var url = 'http://miaozhuang.oss-cn-shanghai.aliyuncs.com/'
+ path + imagename;
if (flag == 1) {
var s = '' + src;
var v = '' + value;
var d = '' + del;
// var a1 = '' + a;
// 秒装新闻单张主图
// if (flag == 1) {
if (imagename != null || imagename != '') {
window.opener.document.getElementById(v).value = '/'
+ path + imagename;
window.opener.document.getElementById(s).src = url;
window.opener.document.getElementById(d).style.display = 'inline';
// window.opener.document.getElementById(a1)
// .removeAttr('disabled');
window.close();
}
} else if (flag == 2) {
window.opener.document.getElementById("imgb").innerHTML += "<div style='display:flex;align-items:center;justify-content:center;margin-left:2px;' class='fileupload-new thumbnail'><input type='hidden' name='images' value="
+ "/"
+ path
+ imagename
+ " class='form-control'/><img src='http://miaozhuang.oss-cn-shanghai.aliyuncs.com/"
+ path
+ imagename
+ "' width='100' class='img_mater'><a οnclick='dele(this)' class='btn btn-danger btn-xs'><i class='fa fa-trash'></i> 删除</a></div>"
if (window.opener.document
.getElementsByClassName("img_mater").length >= 5) {
window.opener.document
.getElementById("images_div").style.display = "none";
window.close();
}
setTimeout("window.close();", 2000);
} else if (flag == 3) {
window.opener.document.getElementById("imgb").innerHTML += "<div style='display:flex;align-items:center;justify-content:center;margin-left:2px;' class='fileupload-new thumbnail'><input type='hidden' name='pics' value="
+ "/"
+ path
+ imagename
+ " class='form-control'/><img src='http://miaozhuang.oss-cn-shanghai.aliyuncs.com/"
+ path
+ imagename
+ "' width='100' class='img_mater'><a οnclick='dele(this)' class='btn btn-danger btn-xs'><i class='fa fa-trash'></i> 删除</a></div>"
if (window.opener.document
.getElementsByClassName("img_mater").length >= 5) {
window.opener.document
.getElementById("images_div").style.display = "none";
window.close();
}
setTimeout("window.close();", 2000);
}
// }
} else {
document.getElementById(file.id).getElementsByTagName(
'b')[0].innerHTML = info.response;
}
window.close();
},
Error : function(up, err) {
if (err.code == -600) {
document.getElementById('console').appendChild(
document.createTextNode("\n选择的文件太大"));
} else if (err.code == -601) {
document.getElementById('console').appendChild(
document.createTextNode("\n选择的文件类型不对"));
} else if (err.code == -602) {
document.getElementById('console').appendChild(
document.createTextNode("\n这个文件已经上传过一遍了"));
} else {
document.getElementById('console').appendChild(
document.createTextNode("\nError xml:"
+ err.response));
}
}
}
});
uploader.init();