master
iotcat 4 years ago
parent 3b8931dd1a
commit 6cc6340626
  1. 22
      index.html
  2. 51
      js/jquery.imageuploader.js
  3. 10
      js/main.js

@ -11,15 +11,16 @@
<link rel="stylesheet" href="./style/hwLayer.css">
<link rel="stylesheet" type="text/css" href="./style/main.css">
<link href="./style/styles.imageuploader.css" rel="stylesheet" type="text/css">
<script src="https://cdn.yimian.xyz/ushio-js/ushio-head.min.js"></script>
<script>//page.auth = ['any'];</script>
<script type="text/javascript">block_aplayer = true; lang = ['zh', 'en'];</script>
<script src="https://cdn.yimian.xyz/ushio-js/ushio-head.min.js"></script>
<script type="text/javascript">page.proj = 'iotcat/ushio-filebed';</script>
</head>
<body class="body">
<div class="uploade" id="display"><p id="hide">X关闭</p>
<div class="uploade" id="display"><p id="hide">X<span class=".zh">关闭</span><span class=".en">close</span></p>
<div class="uploader__box js-uploader__box l-center-box">
<form action="#" method="POST">
<div class="uploader__contents">
<label class="button button--secondary" for="fileinput">请选择文件</label>
<label class="button button--secondary" for="fileinput"><span class=".zh">请选择文件</span><span class=".en">Please upload your file..</span></label>
<input id="fileinput" class="uploader__file-input" type="file" multiple value="Select Files">
</div>
<input class="button button--big-bottom" type="submit" value="Upload Selected Files">
@ -37,8 +38,7 @@
<ul class="nav masthead-nav">
<!--<li><a id="ushio-img" href="https://img.yimian.xyz/imgbed.html"> <span class="glyphicon glyphicon-picture"></span> 探索</a></li>-->
<li><a id="ushio-blog" href="https://www.eee.dog/"> <span class="glyphicon glyphicon-home"></span> 博客</a></li>
<li><a id="ushio-iotcatme" href="https://iotcat.me/">关于</a></li>
<li><a id="ushio-iotcatme" href="https://ushio.cool/"><span class=".zh">关于</span><span class=".en">About</span></a></li>
</ul>
</nav>
@ -46,12 +46,14 @@
</div>
<div class="inner cover">
<br>
<h1 class="cover-heading" style="font-size: 36px;padding-bottom: 15px;">上传分享您的文件</h1>
<h1 class="cover-heading" style="font-size: 36px;padding-bottom: 15px;"><span class=".zh">上传分享您的文件</span><span class=".en">Upload and share your files</span></h1>
<br/><br>
<p class="lead">托管于华为云对象存储,文件保留24小时,快来尝试吧~</p>
<p class="lead">如果需要永久储存图片,请使用<a href="https://imgbed.yimian.xyz">呓喵酱の图床</a></p>
<span class=".zh"> <p class="lead">托管于华为云对象存储,文件保留24小时,快来尝试吧~</p>
<p class="lead">如果需要永久储存图片,请使用<a href="https://imgbed.yimian.xyz">呓喵酱の图床</a></p></span><span class=".en"> <p class="lead">Hosted in HUAWEI CLOUD Object Storage, files are kept for 24 hours, come and try~</p>
<p class="lead">If you need to store pictures permanently, please use <a href="https://imgbed.yimian.xyz">呓喵酱の图床</a></p></span>
<p class="lead">
<a href="javascript:volid(0)" id="upload" style="background: transparent;color: #FFF;" class="btn btn-lg btn-default"><span class="glyphicon glyphicon-cloud-upload"></span> 开始上传</a>
<a href="javascript:volid(0)" id="upload" style="background: transparent;color: #FFF;" class="btn btn-lg btn-default"><span class="glyphicon glyphicon-cloud-upload"></span> <span class=".zh">开始上传</span><span class=".en">Start upload</span></a>
</p>
</div>
<div class="mastfoot">

@ -149,7 +149,10 @@
}
size = 0;
$('#disabled').attr("disabled", true);
$('#disabled').text('上传中,请稍等......');
if(page.tran.getLang() == 'zh')
$('#disabled').text('上传中,请稍等......');
else
$('#disabled').text('Uploading......');
$.ajax({
type: 'POST',
url: options.ajaxUrl+'?fp='+page.fp,
@ -162,7 +165,11 @@
clearInterval(_timer);
if (res.code >= 300) {
console.info(res.code);
alert('上传时发生了点小插曲,请打开控制器查看原因!')
if(page.tran.getLang() == 'zh')
alert('上传时发生了点小插曲,请打开控制器查看原因!');
else
alert('An accident occurred during upload, please open the console to check the reason!');
}else{
$('#text').show();
let s = '';
@ -170,30 +177,48 @@
s += res.data[i];
s += '\n\n'
}
tips.info({
title: 'info',
message: '请耐心等待几分钟使链接生效哦~'
});
tips.success({
title: 'success',
message: '生成链接成功!!'
});
if(page.tran.getLang() == 'zh')
tips.info({
message: '请耐心等待几分钟使链接生效哦~'
});
else
tips.info({
message: 'Please wait a few minutes for the link to take effect~'
});
if(page.tran.getLang() == 'zh')
tips.success({
message: '生成链接成功!!'
});
else
tips.success({
message: 'Link generated successfully!!'
});
$('#text').val(s);
}
$('#disabled').attr("disabled", false);
$('.js-upload-remove-button').click();
$('#disabled').text('上传选择的文件')
if(page.tran.getLang() == 'zh')
$('#disabled').text('上传选择的文件')
else
$('#disabled').text('Choose files to upload')
},
xhr: xhrOnProgress(function(e) {
if ((Math.floor(e.loaded / e.total * 100) - 1) == 99) {
_tmp = 62;
_timer = setInterval(() => {
if (_tmp < 100) {
$('#disabled').text('配置生效中..您现在可以关闭此页面,链接将在几分钟内生效 (' + (_tmp++) + '% 处理中)');
if(page.tran.getLang() == 'zh')
$('#disabled').text('配置生效中..您现在可以关闭此页面,链接将在几分钟内生效 (' + (_tmp++) + '% 处理中)');
else
$('#disabled').text('The configuration is in effect.. You can close this page now and the link will take effect in a few minutes (' + (_tmp++) + '% Processing)');
}
}, 1000)
};
$('#disabled').text('队列上传中. 可能需要一些时间. (' + (Math.floor(e.loaded / e.total * 100 / 1.6) - 1) + '% ' + (((Math.floor(e.loaded / e.total * 100) - 1) == 99) ? '处理中' : '上传中') + ')')
if(page.tran.getLang() == 'zh')
$('#disabled').text('队列上传中. 可能需要一些时间. (' + (Math.floor(e.loaded / e.total * 100 / 1.6) - 1) + '% ' + (((Math.floor(e.loaded / e.total * 100) - 1) == 99) ? '处理中' : '上传中') + ')')
else
$('#disabled').text('Queue upload. It may take some time. (' + (Math.floor(e.loaded / e.total * 100 / 1.6) - 1) + '% ' + (((Math.floor(e.loaded / e.total * 100) - 1) == 99) ? 'Processing' : 'Uploading') + ')')
})
})
}

@ -45,10 +45,10 @@ function select(){
(function(){
var options = {};
$('.js-uploader__box').uploader({
'selectButtonCopy':'请选择或拖拽文件',
'instructionsCopy':'你可以选择或拖拽多个文件',
'submitButtonCopy':'上传选择的文件',
'furtherInstructionsCopy':'你可以选择或拖拽更多的文件',
'secondarySelectButtonCopy':'选择更多的文件'
'selectButtonCopy': '<span class=".zh">请选择或拖拽文件</span><span class=".en">Please select or drag and drop files</span>',
'instructionsCopy': '<span class=".zh">你可以选择或拖拽多个文件</span><span class=".en">You can select or drag multiple files</span>',
'submitButtonCopy': '<span class=".zh">上传选择的文件</span><span class=".en">Upload selected file</span>',
'furtherInstructionsCopy': '<span class=".zh">你可以选择或拖拽更多的文件</span><span class=".en">You can select or drag and drop more files</span>',
'secondarySelectButtonCopy':'<span class=".zh">选择更多的文件</span><span class=".en">Select more files</span>'
});
}());
Loading…
Cancel
Save