197 lines
8.1 KiB
JavaScript
Executable File
197 lines
8.1 KiB
JavaScript
Executable File
/**
|
||
* 来自于copy_btn.js paste.js合并
|
||
* 简单图床-复制链接
|
||
* 2023-04-20
|
||
* @param {*} copyID 传入的ID
|
||
* @param {*} loadClass 传入的class
|
||
*/
|
||
function uploadCopy(copyID, loadClass) {
|
||
var copyVal = document.getElementById(copyID);
|
||
copyVal.select();
|
||
|
||
// 复制内容为空时的提示
|
||
if (copyVal.value.length === 0) { new $.zui.Messager("复制内容为空", { type: "danger", icon: "bell" }).show(); return; }
|
||
|
||
if (navigator.clipboard && window.isSecureContext) {
|
||
navigator.clipboard.writeText(copyVal.value).then(function () {
|
||
//success
|
||
new $.zui.Messager("复制成功", { type: "primary", icon: "ok-sign" }).show();
|
||
}, function () {
|
||
//fail
|
||
new $.zui.Messager("复制失败, 请手动复制", { type: "danger", icon: "bell" }).show();
|
||
});
|
||
} else {
|
||
if (document.execCommand('copy', false, null)) {
|
||
//success
|
||
new $.zui.Messager("复制成功", { type: "primary", icon: "ok-sign" }).show();
|
||
} else {
|
||
//fail
|
||
new $.zui.Messager("复制失败, 请手动复制", { type: "danger", icon: "bell" }).show();
|
||
}
|
||
}
|
||
|
||
// 复制按钮状态
|
||
var $btn = $(loadClass);
|
||
$btn.addClass('btn-success');
|
||
// $btn.addClass('btn-success load-indicator loading');
|
||
$btn.remove('data-toggle data-original-title');
|
||
$btn.button('loading');
|
||
// 此处使用 setTimeout 来模拟复杂功能逻辑
|
||
setTimeout(function () {
|
||
$btn.removeClass('btn-success');
|
||
// $btn.removeClass('btn-success load-indicator loading');
|
||
$btn.button('reset');
|
||
}, 666);
|
||
}
|
||
|
||
/** 粘贴上传 2023-01-30 */
|
||
(function () {
|
||
document.addEventListener('paste', function (e) {
|
||
var items = ((e.clipboardData || window.clipboardData).items) || [];
|
||
console.log(e)
|
||
var file = null;
|
||
$("#upShowID").addClass("load-indicator loading"); // 增加正在上传状态 2-1
|
||
if (items && items.length) {
|
||
for (var i = 0; i < items.length; i++) {
|
||
if (items[i].type.indexOf('image') !== -1) {
|
||
file = items[i].getAsFile();
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
// 未找到图片
|
||
if (!file) {
|
||
$("#upShowID").removeClass("load-indicator loading"); // 移除正在上传状态 2-2
|
||
$.zui.messager.show('粘贴内容非图片!', { icon: 'bell', time: 3000, type: 'danger', placement: 'top' }); return;
|
||
}
|
||
|
||
var formData = new FormData();
|
||
formData.append('file', file);
|
||
formData.append('sign', new Date().getTime() / 1000 | 0);
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.onreadystatechange = function () {
|
||
if (xhr.readyState === 1) {
|
||
$.zui.messager.show('粘贴上传中...', { icon: 'bell', time: 3000, type: 'primary', placement: 'top' });
|
||
}
|
||
}
|
||
|
||
xhr.onload = function () {
|
||
var obj = JSON.parse(this.responseText);
|
||
if (obj.code === 200) {
|
||
$("#links").append(obj.url + "\r\n");
|
||
$("#bbscode").append("[img]" + obj.url + "[/img]\r\n");
|
||
$("#markdown").append("![" + obj.srcName + "](" + obj.url + ")\r\n");
|
||
$("#html").append('<img src="' + obj.url + '" alt="' + obj.srcName + '" />\r\n');
|
||
$("#thumb").append(obj.thumb + "\r\n");
|
||
$("#del").append(obj.del + "\r\n");
|
||
// 上传成功提示 原始文件名称obj.srcName + 提示
|
||
$.zui.messager.show('粘贴上传成功', { icon: 'bell', time: 4000, type: 'success', placement: 'top' });
|
||
// 移除正在上传状态 2-3
|
||
$("#upShowID").removeClass("load-indicator loading");
|
||
|
||
try { // 储存上传记录
|
||
console.log('history localStorage success');
|
||
$.zui.store.set(obj.srcName, obj)
|
||
} catch (err) {
|
||
// 存储上传记录失败提示
|
||
$.zui.messager.show('存储上传记录失败' + err, { icon: 'bell', time: 4000, type: 'danger', placement: 'top' });
|
||
console.log('history localStorage failed:' + err);
|
||
}
|
||
} else {
|
||
$("#upShowID").removeClass("load-indicator loading"); // 移除正在上传状态 2-4
|
||
$.zui.messager.show(obj.message, { icon: 'bell', time: 4000, type: 'danger', placement: 'top' });
|
||
}
|
||
};
|
||
|
||
xhr.onerror = function () {
|
||
$("#upShowID").removeClass("load-indicator loading"); // 移除正在上传状态 2-5
|
||
$.zui.messager.show('因网络问题导致的上传失败...', { icon: 'bell', time: 4000, type: 'primary', placement: 'top' });
|
||
};
|
||
xhr.open('POST', 'app/upload.php', true);
|
||
xhr.send(formData);
|
||
});
|
||
})();
|
||
|
||
|
||
/** 检测浏览器是否支持cookie */
|
||
if (navigator.cookieEnabled === false) {
|
||
new $.zui.Messager('浏览器不支持cookie, 无法保存登录信息', { type: 'black', icon: 'bell', time: 4500, placement: 'top' }).show();
|
||
console.log('浏览器不支持cookie');
|
||
}
|
||
|
||
/** 检测浏览器是否支持本地存储 */
|
||
if ($.zui.store.enable === false) {
|
||
new $.zui.Messager('浏览器不支持本地存储, 无法保存上传历史记录', { icon: 'bell', time: 4000, type: 'primary', placement: 'top' }).show();
|
||
console.log('浏览器不支持本地存储');
|
||
}
|
||
|
||
/**
|
||
* javascript parseUrl函数解析url获取网址url参数
|
||
* https://www.cnblogs.com/lazb/p/10144471.html
|
||
* 使用示例：
|
||
* var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top');
|
||
* myURL.file; // = 'index.html'
|
||
* myURL.hash; // = 'top'
|
||
* myURL.host; // = 'abc.com'
|
||
* myURL.query; // = '?id=255&m=hello'
|
||
* myURL.params; // = Object = { id: 255, m: hello }
|
||
* myURL.path; // = '/dir/index.html'
|
||
* myURL.segments; // = Array = ['dir', 'index.html']
|
||
* myURL.port; // = '8080'
|
||
* myURL.protocol; // = 'http'
|
||
* myURL.source; // = 'http://abc.com:8080/dir/index.html?id=255&m=hello#top'
|
||
*/
|
||
function parseURL(url) {
|
||
var a = document.createElement('a');
|
||
a.href = url;
|
||
return {
|
||
source: url,
|
||
protocol: a.protocol.replace(':', ''),
|
||
host: a.hostname,
|
||
port: a.port,
|
||
query: a.search,
|
||
params: (function () {
|
||
var ret = {},
|
||
seg = a.search.replace(/^\?/, '').split('&'),
|
||
len = seg.length, i = 0, s;
|
||
for (; i < len; i++) {
|
||
if (!seg[i]) { continue; }
|
||
s = seg[i].split('=');
|
||
ret[s[0]] = s[1];
|
||
}
|
||
return ret;
|
||
})(),
|
||
file: (a.pathname.match(/\/([^\/?#]+)$/i) || [, ''])[1],
|
||
hash: a.hash.replace('#', ''),
|
||
path: a.pathname.replace(/^([^\/])/, '/$1'),
|
||
relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [, ''])[1],
|
||
segments: a.pathname.replace(/^\//, '').split('/')
|
||
};
|
||
}
|
||
|
||
/**
|
||
* jQuery 读取文件 readTxt('../admin/version.php');
|
||
* @param {*} filePath
|
||
*/
|
||
function readTxt(filePath = '../admin/version.php') {
|
||
$.get(filePath, function (data) {
|
||
var lines = data.split("\n"); //按行读取
|
||
$.each(lines, function (i, v) {
|
||
console.log(v);
|
||
});
|
||
});
|
||
}
|
||
|
||
/**
|
||
* JS验证是否为URL 这是提取自：npm包 async-validator的源码。
|
||
* 参考: https://www.cnblogs.com/lanleiming/p/14250497.html
|
||
* @param {*} str
|
||
* @returns
|
||
* @example isUrl('http://www.baidu.com') // true
|
||
*/
|
||
function isUrl(str) {
|
||
var v = new RegExp('^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$', 'i');
|
||
return v.test(str);
|
||
}
|