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:
邹景立 2022-10-28 11:39:26 +08:00
parent a2423ec433
commit f371d9ca4b
4 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/static/admin.js
View File

@ -588,9 +588,9 @@ $(function () {
$.fn.uploadOneVideo = function () { $.fn.uploadOneVideo = function () {
return this.each(function () { return this.each(function () {
if (this.dataset.inited) return; else this.dataset.inited = 'true'; if (this.dataset.inited) return; else this.dataset.inited = 'true';
var $bt = $('<div class="uploadimage uploadvideo"><span><a data-file class="layui-icon layui-icon-upload-drag"></a><i class="layui-icon layui-icon-search"></i><i class="layui-icon layui-icon-close"></i></span><span data-file="video"></span></div>'); var $bt = $('<div class="uploadimage uploadvideo"><span><a data-file class="layui-icon layui-icon-upload-drag"></a><i class="layui-icon layui-icon-search"></i><i class="layui-icon layui-icon-close"></i></span><span data-file></span></div>');
var $in = $(this).on('change', function () { var $in = $(this).on('change', function () {
if (this.value) $bt.find('span[data-file]').html('<video width="76" height="76" controls><source src="' + encodeURI(this.value) + '" type="video/mp4"></video>'); if (this.value) $bt.find('span[data-file]').html('<video width="100%" height="100%" controls><source src="' + encodeURI(this.value) + '" type="video/mp4"></video>');
}).after($bt).trigger('change'); }).after($bt).trigger('change');
$bt.on('click', 'i.layui-icon-search', function (event) { $bt.on('click', 'i.layui-icon-search', function (event) {
event.stopPropagation(), $in.val() && $.form.iframe(encodeURI($in.val()), '视频预览'); event.stopPropagation(), $in.val() && $.form.iframe(encodeURI($in.val()), '视频预览');
@ -606,7 +606,7 @@ $(function () {
$.fn.uploadOneImage = function () { $.fn.uploadOneImage = function () {
return this.each(function () { return this.each(function () {
if (this.dataset.inited) return; else this.dataset.inited = 'true'; if (this.dataset.inited) return; else this.dataset.inited = 'true';
var $bt = $('<div class="uploadimage"><span><a data-file class="layui-icon layui-icon-upload-drag"></a><i class="layui-icon layui-icon-search"></i><i class="layui-icon layui-icon-close"></i></span><span data-file="image"></span></div>'); var $bt = $('<div class="uploadimage"><span><a data-file class="layui-icon layui-icon-upload-drag"></a><i class="layui-icon layui-icon-search"></i><i class="layui-icon layui-icon-close"></i></span><span data-file></span></div>');
var $in = $(this).on('change', function () { var $in = $(this).on('change', function () {
if (this.value) $bt.css('backgroundImage', 'url(' + encodeURI(this.value) + ')'); if (this.value) $bt.css('backgroundImage', 'url(' + encodeURI(this.value) + ')');
}).after($bt).trigger('change'); }).after($bt).trigger('change');
@ -615,7 +615,9 @@ $(function () {
}).on('click', 'i.layui-icon-close', function (event) { }).on('click', 'i.layui-icon-close', function (event) {
event.stopPropagation(), $bt.attr('style', '') && $in.val(''); event.stopPropagation(), $bt.attr('style', '') && $in.val('');
}).find('[data-file]').data('input', this).attr({ }).find('[data-file]').data('input', this).attr({
'data-path': $in.data('path') || '', 'data-size': $in.data('size') || 0, 'data-type': $in.data('type') || 'gif,png,jpg,jpeg', 'data-max-width': $in.data('max-width') || 0, 'data-max-height': $in.data('max-height') || 0, 'data-cut-width': $in.data('cut-width') || 0, 'data-cut-height': $in.data('cut-height') || 0, 'data-path': $in.data('path') || '', 'data-size': $in.data('size') || 0, 'data-type': $in.data('type') || 'gif,png,jpg,jpeg',
'data-max-width': $in.data('max-width') || 0, 'data-max-height': $in.data('max-height') || 0,
'data-cut-width': $in.data('cut-width') || 0, 'data-cut-height': $in.data('cut-height') || 0,
}); });
}); });
}; };
@ -627,7 +629,9 @@ $(function () {
var $bt = $('<div class="uploadimage"><span><a data-file="mul" class="layui-icon layui-icon-upload-drag"></a></span><span data-file="images"></span></div>'); var $bt = $('<div class="uploadimage"><span><a data-file="mul" class="layui-icon layui-icon-upload-drag"></a></span><span data-file="images"></span></div>');
var ims = this.value ? this.value.split('|') : [], $in = $(this).after($bt); var ims = this.value ? this.value.split('|') : [], $in = $(this).after($bt);
$bt.find('[data-file]').attr({ $bt.find('[data-file]').attr({
'data-path': $in.data('path') || '', 'data-size': $in.data('size') || 0, 'data-type': $in.data('type') || 'gif,png,jpg,jpeg', 'data-max-width': $in.data('max-width') || 0, 'data-max-height': $in.data('max-height') || 0, 'data-cut-width': $in.data('cut-width') || 0, 'data-cut-height': $in.data('cut-height') || 0, 'data-path': $in.data('path') || '', 'data-size': $in.data('size') || 0, 'data-type': $in.data('type') || 'gif,png,jpg,jpeg',
'data-max-width': $in.data('max-width') || 0, 'data-max-height': $in.data('max-height') || 0,
'data-cut-width': $in.data('cut-width') || 0, 'data-cut-height': $in.data('cut-height') || 0,
}).on('push', function (evt, src) { }).on('push', function (evt, src) {
ims.push(src), $in.val(ims.join('|')), showImageContainer([src]); ims.push(src), $in.val(ims.join('|')), showImageContainer([src]);
}) && (ims.length > 0 && showImageContainer(ims)); }) && (ims.length > 0 && showImageContainer(ims));

9
public/static/theme/css/_custom.less
View File

@ -861,18 +861,17 @@ input:not(.layui-hide,[type=hidden]) {
} }
} }
&:hover > span:first-child {
display: block;
}
> span:last-child { > span[data-file] {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
position: absolute; position: absolute;
z-index: 2; z-index: 2;
} }
&:hover > span:first-child {
display: block;
}
} }
.uploadimagemtl { .uploadimagemtl {

2
public/static/theme/css/console.css
View File

File diff suppressed because one or more lines are too long

2
public/static/theme/css/console.css.map
View File

File diff suppressed because one or more lines are too long