accessid = ''
accesskey = ''
host = ''
policyBase64 = ''
signature = ''
callbackbody = ''
filename = ''
key = ''
expire = 0
g_object_name = ''
g_object_name_type = ''
now = timestamp = Date.parse(new Date()) / 1000;
function send_request()
{
var xmlhttp = null;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
if (sarry==""){
serverUrl = 'url?'+"order_id="+sid+"&"+"order_number="+snum;//單個
}else{
serverUrl = 'url'+"order_id="+sarry+"&"+"order_number="+snum;
}
//serverUrl = 'url?'+"order_id="+sid+"&"+"order_number="+snum;
xmlhttp.open( "GET", serverUrl, false );
xmlhttp.withCredentials = true;
xmlhttp.send(null);
return xmlhttp.responseText;
}
else
{
layer.msg("Your browser does not support XMLHTTP.",{icon:5});
}
};
function check_object_radio() {
var tt = document.getElementsByName('myradio');
for (var i = 0; i < tt.length ; i++ )
{
if(tt[i].checked)
{
g_object_name_type = tt[i].value;
break;
}
}
}
function get_signature()
{
//可以判斷當前expire是否超過了當前時間,如果超過了當前時間,就重新取一下.3s 做為緩沖
now = timestamp = Date.parse(new Date()) / 1000;
if (expire < now + 3)
{
body = send_request()
var obj = eval ("(" + body + ")");
host = obj['host']
policyBase64 = obj['policy']
accessid = obj['accessid']
signature = obj['signature']
expire = parseInt(obj['expire'])
callbackbody = obj['callback']
key = obj['dir']
return true;
}
return false;
};
function random_string(len) {
len = len || 32;
var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
var maxPos = chars.length;
var pwd = '';
for (i = 0; i < len; i++) {
pwd += chars.charAt(Math.floor(Math.random() * maxPos));
}
return pwd;
}
function get_suffix(filename) {
pos = filename.lastIndexOf('.')
suffix = ''
if (pos != -1) {
suffix = filename.substring(pos)
}
return suffix;
}
function calculate_object_name(filename)
{
if (g_object_name_type == 'local_name')
{
g_object_name += "${filename}"
}
else if (g_object_name_type == 'random_name')
{
suffix = get_suffix(filename)
g_object_name = key + random_string(10) + suffix
}
return ''
}
function get_uploaded_object_name(filename)
{
if (g_object_name_type == 'local_name')
{
tmp_name = g_object_name
tmp_name = tmp_name.replace("${filename}", filename);
return tmp_name
}
else if(g_object_name_type == 'random_name')
{
return g_object_name
}
}
function set_upload_param(up, filename, ret)
{
if (ret == false)
{
ret = get_signature()
}
g_object_name = key;
if (filename != '') { suffix = get_suffix(filename)
calculate_object_name(filename)
}
new_multipart_params = {
'key' : g_object_name,
'policy': policyBase64,
'OSSAccessKeyId': accessid,
'success_action_status' : '200', //讓服務端返回200,不然，默認會返回204
'callback' : callbackbody,
'signature': signature,
};
up.setOption({
'url': host,
'multipart_params': new_multipart_params
});
up.start();
}
var uploader = new plupload.Uploader({
runtimes : 'html5,flash,silverlight,html4',
browse_button : 'selectfiles',
//multi_selection: false,
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 : 'http://oss.aliyuncs.com',
multi_selection: 'false',//只能上傳單個
unique_names:true,//生成唯一名
filters: {
mime_types : [
{ title : "Video files", extensions : "mp4,avi" }
],
max_file_size : '120mb', //最大只能上傳10mb的文件
prevent_duplicates : false //true不允許選取重復文件
},
init: {
PostInit: function(files) {
document.getElementById('ossfile').innerHTML = '';
document.getElementById('postfiles').onclick = function() {
var input_video = document.getElementById("video");
// if(input_video.duration>120){//需要先判斷選中的時常是否相等，取他的時常
if(setime==""){
if(input_video.duration>alltime){//多個上傳得到的購買時常
layer.msg("您購買的時長為"+alltime+"s。"+"該視頻的時長超過您所購買的投放時間，請重新選擇視頻",{icon:7,time:2000});
return false;
}
}else{
if(input_video.duration>setime){//單個上傳得到的購買時常
layer.msg("您購買的時長為"+setime+"s。"+"該視頻的時長超過您所購買的投放時間，請重新選擇視頻",{icon:7,time:2000});
return false;
}
}
var calc_video = (input_video.videoWidth/input_video.videoHeight).toString();
var videoc =(16/9).toString();
var videok =(4/3).toString();
if(calc_video != videoc && calc_video !=videok){
layer.msg("視頻不是16:9的格式或者4/3的格式，不允許上傳",{icon:7,time:2000});
return false;
}
set_upload_param(uploader, '', false);
uploader.start();
return false;
};
},
UploadFile:function(uploader,file){//當上傳隊列中某一個文件開始上傳后觸發，
},
FilesAdded: function(up, files) {
$.each(up.files, function (i, file) { //單個上傳，替換文件
if (up.files.length <= 1) {
document.getElementById('ossfile').innerHTML = '';
return;
}
up.removeFile(file);
});
//有用
var input_video = document.getElementById("video");
var furl =URL.createObjectURL(files[0].getNative());
input_video.src=furl;
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>';
});
},
BeforeUpload: function(up, file) {
check_object_radio();
set_upload_param(up, file.name, true);
},
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) {
if (info.status == 200)
{
var result = eval('('+info.response+')');
if(result.status=="success"){
layer.msg(result.message,{icon:6,time:2000},function(){
parent.layer.close(index);
var pac = window.parent.document.getElementById('bindclick');
pac.click();
});
}
if(result.status=="fail"){
layer.msg(result.message,{icon:5,time:2000},function(){
parent.layer.close(index);
var pac = window.parent.document.getElementById('bindclick');
pac.click();
})
}
}
else if (info.status == 203)
{
// document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '上傳到OSS成功，但是oss訪問用戶設置的上傳回調服務器失敗，失敗原因是:' + info.response;
}
else
{
// document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = info.response;
}
},
Error: function(up, err) {
if (err.code == -600) {
// document.getElementById('console').appendChild(document.createTextNode("\n選擇的文件太大了,可以根據應用情況，在upload.js 設置一下上傳的最大大小"));
layer.msg('選擇的文件太大了',{icon:7},{time:2000});
return;
}
else if (err.code == -601) {
// document.getElementById('console').appendChild(document.createTextNode("\n選擇的文件后綴不對,可以根據應用情況，在upload.js進行設置可允許的上傳文件類型"));
layer.msg('請選擇正確的視頻文件',{icon:7},{time:2000});
return;
}
else if (err.code == -602) {
//document.getElementById('console').appendChild(document.createTextNode("\n這個文件已經上傳過一遍了"));
layer.msg('這個文件已經上傳過一遍了',{icon:7},{time:2000});
return;
}
else
{
// document.getElementById('console').appendChild(document.createTextNode("\nError xml:" + err.response));
layer.msg(err.response,{icon:7},{time:2000});
return;
}
}
}
});
uploader.init();
附：gif效果 http://www.cnblogs.com/zhixiaoxiao/gallery/image/200811.html