90 lines
3.7 KiB
PHP
Executable File
90 lines
3.7 KiB
PHP
Executable File
<?php
|
|
use yii\helpers\Html;
|
|
use yii\helpers\Url;
|
|
?>
|
|
<?=Html::cssFile('@web/css/plugins/webuploader/webuploader.css')?>
|
|
<?=Html::cssFile('@web/css/demo/webuploader-demo.min.css')?>
|
|
|
|
<div class="wrapper wrapper-content animated fadeIn">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="ibox float-e-margins">
|
|
<div class="ibox-title">
|
|
<h5>图片上传</h5>
|
|
<div class="ibox-tools">
|
|
<a class="collapse-link">
|
|
<i class="fa fa-chevron-up"></i>
|
|
</a>
|
|
<a class="close-link">
|
|
<i class="fa fa-times"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<div class="page-container">
|
|
<p>您可以尝试文件拖拽，使用QQ截屏工具，然后激活窗口后粘贴，或者点击添加图片按钮.</p>
|
|
<div id="uploader" class="wu-example">
|
|
<div class="queueList">
|
|
<div id="dndArea" class="placeholder">
|
|
<div id="filePicker"></div>
|
|
<p>或将照片拖到这里，单次最多可选300张</p>
|
|
</div>
|
|
</div>
|
|
<div class="statusBar" style="display:none;">
|
|
<div class="progress">
|
|
<span class="text">0%</span>
|
|
<span class="percentage"></span>
|
|
</div>
|
|
<div class="info"></div>
|
|
<div class="btns">
|
|
<div id="filePicker2"></div>
|
|
<div class="uploadBtn">开始上传</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var BASE_URL = 'js/plugins/webuploader';
|
|
var UPLOAD_SERVER_URL = '<?= Url::home().'/upload.php';?>';
|
|
// var UPLOAD_SERVER_URL = '../js/plugins/webuploader/upload.php';
|
|
</script>
|
|
<?=Html::jsFile('@web/js/plugins/webuploader/webuploader.min.js')?>
|
|
<?=Html::jsFile('@web/js/demo/webuploader-demo.min.js')?>
|
|
|
|
<div class="wrapper wrapper-content">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="ibox float-e-margins">
|
|
<div class="ibox-title">
|
|
<h5>图片列表</h5>
|
|
<div class="ibox-tools">
|
|
<a class="collapse-link">
|
|
<i class="fa fa-chevron-up"></i>
|
|
</a>
|
|
|
|
<a class="close-link">
|
|
<i class="fa fa-times"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<div class="alert alert-info">
|
|
点击图片即可选择
|
|
</div>
|
|
<form role="form" class="form-horizontal m-t">
|
|
|
|
|
|
</form>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|