blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

修改图片选择器

Browse Source
This commit is contained in:
Anyon 2022-06-24 14:38:04 +08:00
parent 3da4409270
commit b04ca63a87
3 changed files with 43 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/admin/controller/api/Upload.php
View File

@ -147,14 +147,14 @@ class Upload extends Controller
* @throws \think\db\exception\DbException * @throws \think\db\exception\DbException
* @throws \think\db\exception\ModelNotFoundException * @throws \think\db\exception\ModelNotFoundException
*/ */
public function modal() public function image()
{ {
SystemFile::mQuery()->layTable(function () { SystemFile::mQuery()->layTable(function () {
$this->title = '文件选择器'; $this->title = '文件选择器';
}, function (QueryHelper $query) { }, function (QueryHelper $query) {
$query->where(['status' => 2])->order('id desc'); $query->where(['status' => 2])->order('id desc');
$query->like('name,hash')->dateBetween('create_at'); $query->like('name,hash')->dateBetween('create_at');
}); }, realpath(__DIR__ . '/../../view/api/image.html'));
} }
/** /**

36
app/admin/view/api/image.html Normal file
View File

@ -0,0 +1,36 @@
<div class="image-dialog" id="ImageDialog">
<div class="image-dialog-head">
<div class="pull-right">
<a class="layui-btn layui-btn-sm">上传图片</a>
</div>
</div>
<div class="image-dialog-body">
</div>
</div>
<style>
.image-dialog-head {
clear: both;
height: 30px;
padding: 10px 15px;
}
.image-dialog-body {
height: 500px;
background: #efefef;
}
</style>
<script>
require(['vue'], function (vue) {
new vue({
el: '#ImageDialog',
data: {
page: 1,
items: []
},
methods: {}
});
});
</script>

7
public/static/admin.js
View File

@ -550,7 +550,7 @@ $(function () {
$.fn.uploadOneImage = function () { $.fn.uploadOneImage = function () {
return this.each(function () { return this.each(function () {
if ($(this).data('inited')) return true; else $(this).data('inited', true); if ($(this).data('inited')) return true; else $(this).data('inited', true);
var $in = $(this), $bt = $('<a data-file class="uploadimage transition"><span class="layui-icon">&#x1006;</span><span class="layui-icon">&#xe615;</span></a>').data('input', this); var $in = $(this), $bt = $('<a data-file="image" class="uploadimage transition"><span class="layui-icon">&#x1006;</span><span class="layui-icon">&#xe615;</span></a>').data('input', this);
$bt.attr('data-size', $in.data('size') || 0).attr('data-type', $in.data('type') || 'png,jpg,gif,jpeg').find('span').on('click', function (event) { $bt.attr('data-size', $in.data('size') || 0).attr('data-type', $in.data('type') || 'png,jpg,gif,jpeg').find('span').on('click', function (event) {
event.stopPropagation(); event.stopPropagation();
if ($(this).index() === 0) $bt.attr('style', ''), $in.val(''); else $in.val() && $.previewImage(encodeURI($in.val())); if ($(this).index() === 0) $bt.attr('style', ''), $in.val(''); else $in.val() && $.previewImage(encodeURI($in.val()));
@ -835,7 +835,10 @@ $(function () {
/*! 注册 data-file 事件行为 */ /*! 注册 data-file 事件行为 */
onEvent('click', '[data-file]', function () { onEvent('click', '[data-file]', function () {
if ($(this).data('inited') !== true) (function (that) { // 上传图片，支持单图或多图选择，分别是 images|images
if (typeof this.dataset.file === 'string' && /^images?$/.test(this.dataset.file)) {
$.form.modal(tapiRoot + '/api.upload/image', this.dataset, '图片管理器')
} else if ($(this).data('inited') !== true) (function (that) {
that.uploadFile(undefined, function () { that.uploadFile(undefined, function () {
that.trigger('upload.start'); that.trigger('upload.start');
}); });