2013-02-12 14:06:39 +00:00
|
|
|
// vi:si:et:sw=4:sts=4:ts=4
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
function formatSize(bytes) {
|
|
|
|
|
var base = 1000,
|
|
|
|
|
PREFIXES = ['K', 'M', 'G', 'T', 'P'],
|
|
|
|
|
len = PREFIXES.length,
|
|
|
|
|
val,
|
|
|
|
|
pow = 1;
|
|
|
|
|
while(Math.pow(base, pow+1) < bytes) {
|
|
|
|
|
pow += 1;
|
|
|
|
|
}
|
|
|
|
|
return (Math.round(100* bytes / Math.pow(base, pow)) / 100) + ' ' + PREFIXES[pow-1] + 'B';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$('#file').val('');
|
|
|
|
|
$('#file').change(function(e) {
|
|
|
|
|
if(this.files.length>0) {
|
|
|
|
|
$('#file').hide();
|
|
|
|
|
$('#upload').show();
|
|
|
|
|
$('#status').width(400);
|
|
|
|
|
$('#status').html('' + this.files[0].name + ' (' + formatSize(this.files[0].size) + ')');
|
|
|
|
|
} else {
|
|
|
|
|
$('#upload').hide();
|
|
|
|
|
}
|
|
|
|
|
$('#upload').click(function(e) {
|
|
|
|
|
e.stopPropagation();
|
|
|
|
|
var file = $('#file')[0].files[0];
|
|
|
|
|
|
|
|
|
|
$('#upload').hide();
|
|
|
|
|
$('#status').width(200);
|
|
|
|
|
$('#status').css('background-color', '#eee');
|
|
|
|
|
$('#status').html('<div id="progress" style="background-color: #666;height:20px;width:0%" /><div id="progressstatus" style="background-color: #fff;">uploading</div>');
|
|
|
|
|
ChunkUploader({
|
|
|
|
|
file: file,
|
2013-02-13 07:14:57 +00:00
|
|
|
url: UPLOAD_URL,
|
2013-02-12 14:06:39 +00:00
|
|
|
data: {
|
|
|
|
|
'firefogg': 1,
|
|
|
|
|
'name': file.name
|
|
|
|
|
},
|
|
|
|
|
progress: function(data) {
|
|
|
|
|
var progress = data.progress
|
|
|
|
|
$('#progress').css('width', parseInt(progress*100, 10) +'%');
|
|
|
|
|
$('#progressstatus').html(parseInt(progress*100, 10) + '% - ' + data.status);
|
|
|
|
|
},
|
|
|
|
|
callback: function(result) {
|
|
|
|
|
if(result.progress == 1) {
|
|
|
|
|
var response = JSON.parse(result.responseText);
|
|
|
|
|
if(response.resultUrl) {
|
|
|
|
|
document.location.href = response.resultUrl;
|
|
|
|
|
} else {
|
|
|
|
|
$('#status').html(response.status);
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
$('#status').width(500);
|
|
|
|
|
$('#status').css('background-color', '#fff');
|
|
|
|
|
$('#status').html(result.status);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
