mirror of
https://github.com/mindoc-org/mindoc.git
synced 2026-02-27 17:03:57 +08:00
hotqin888
@@ -46,149 +46,149 @@
|
||||
action += "&callback=" + settings.uploadCallbackURL + "&dialog_id=editormd-image-dialog-" + guid;
|
||||
}
|
||||
|
||||
var dialogContent = ( (settings.imageUpload) ? "<form action=\"" + action +"\" target=\"" + iframeName + "\" method=\"post\" enctype=\"multipart/form-data\" class=\"" + classPrefix + "form\">" : "<div class=\"" + classPrefix + "form\">" ) +
|
||||
( (settings.imageUpload) ? "<iframe name=\"" + iframeName + "\" id=\"" + iframeName + "\" guid=\"" + guid + "\"></iframe>" : "" ) +
|
||||
"<label>" + imageLang.url + "</label>" +
|
||||
"<input type=\"text\" data-url />" + (function(){
|
||||
return (settings.imageUpload) ? "<div class=\"" + classPrefix + "file-input\">" +
|
||||
"<input type=\"file\" name=\"" + classPrefix + "image-file\" accept=\"image/jpeg,image/png,image/gif,image/jpg\" />" +
|
||||
"<input type=\"submit\" value=\"" + imageLang.uploadButton + "\" />" +
|
||||
"</div>" : "";
|
||||
})() +
|
||||
"<br/>" +
|
||||
"<label>" + imageLang.alt + "</label>" +
|
||||
"<input type=\"text\" value=\"" + selection + "\" data-alt />" +
|
||||
"<br/>" +
|
||||
"<label>" + imageLang.link + "</label>" +
|
||||
"<input type=\"text\" value=\"http://\" data-link />" +
|
||||
"<br/>" +
|
||||
( (settings.imageUpload) ? "</form>" : "</div>");
|
||||
|
||||
//var imageFooterHTML = "<button class=\"" + classPrefix + "btn " + classPrefix + "image-manager-btn\" style=\"float:left;\">" + imageLang.managerButton + "</button>";
|
||||
|
||||
dialog = this.createDialog({
|
||||
title : imageLang.title,
|
||||
width : (settings.imageUpload) ? 465 : 380,
|
||||
height : 254,
|
||||
name : dialogName,
|
||||
content : dialogContent,
|
||||
mask : settings.dialogShowMask,
|
||||
drag : settings.dialogDraggable,
|
||||
lockScreen : settings.dialogLockScreen,
|
||||
maskStyle : {
|
||||
opacity : settings.dialogMaskOpacity,
|
||||
backgroundColor : settings.dialogMaskBgColor
|
||||
},
|
||||
buttons : {
|
||||
enter : [lang.buttons.enter, function() {
|
||||
var url = this.find("[data-url]").val();
|
||||
var alt = this.find("[data-alt]").val();
|
||||
var link = this.find("[data-link]").val();
|
||||
|
||||
if (url === "")
|
||||
{
|
||||
alert(imageLang.imageURLEmpty);
|
||||
return false;
|
||||
}
|
||||
|
||||
var altAttr = (alt !== "") ? " \"" + alt + "\"" : "";
|
||||
|
||||
if (link === "" || link === "http://")
|
||||
{
|
||||
cm.replaceSelection("![" + alt + "](" + url + altAttr + ")");
|
||||
}
|
||||
else
|
||||
{
|
||||
cm.replaceSelection("[![" + alt + "](" + url + altAttr + ")](" + link + altAttr + ")");
|
||||
}
|
||||
|
||||
if (alt === "") {
|
||||
cm.setCursor(cursor.line, cursor.ch + 2);
|
||||
}
|
||||
|
||||
this.hide().lockScreen(false).hideMask();
|
||||
|
||||
return false;
|
||||
}],
|
||||
|
||||
cancel : [lang.buttons.cancel, function() {
|
||||
this.hide().lockScreen(false).hideMask();
|
||||
|
||||
return false;
|
||||
}]
|
||||
}
|
||||
});
|
||||
|
||||
dialog.attr("id", classPrefix + "image-dialog-" + guid);
|
||||
|
||||
if (!settings.imageUpload) {
|
||||
return ;
|
||||
var dialogContent = ((settings.imageUpload) ? "<form action=\"" + action + "\" target=\"" + iframeName + "\" method=\"post\" enctype=\"multipart/form-data\" class=\"" + classPrefix + "form\">" : "<div class=\"" + classPrefix + "form\">") +
|
||||
((settings.imageUpload) ? "<iframe name=\"" + iframeName + "\" id=\"" + iframeName + "\" guid=\"" + guid + "\"></iframe>" : "") +
|
||||
"<label>" + imageLang.url + "</label>" +
|
||||
"<input type=\"text\" data-url />" + (function() {
|
||||
return (settings.imageUpload) ? "<div class=\"" + classPrefix + "file-input\">" +
|
||||
// 3xxx <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>multiple=\"multiple\"
|
||||
"<input type=\"file\" name=\"" + classPrefix + "image-file\" accept=\"image/jpeg,image/png,image/gif,image/jpg\" multiple=\"multiple\" />" +
|
||||
"<input type=\"submit\" value=\"" + imageLang.uploadButton + "\" />" +
|
||||
"</div>" : "";
|
||||
})() +
|
||||
"<br/>" +
|
||||
"<label>" + imageLang.alt + "</label>" +
|
||||
"<input type=\"text\" value=\"" + selection + "\" data-alt />" +
|
||||
"<br/>" +
|
||||
"<label>" + imageLang.link + "</label>" +
|
||||
"<input type=\"text\" value=\"http://\" data-link />" +
|
||||
"<br/>" +
|
||||
((settings.imageUpload) ? "</form>" : "</div>");
|
||||
//var imageFooterHTML = "<button class=\"" + classPrefix + "btn " + classPrefix + "image-manager-btn\" style=\"float:left;\">" + imageLang.managerButton + "</button>";
|
||||
dialog = this.createDialog({
|
||||
title: imageLang.title,
|
||||
width: (settings.imageUpload) ? 465 : 380,
|
||||
height: 254,
|
||||
name: dialogName,
|
||||
content: dialogContent,
|
||||
mask: settings.dialogShowMask,
|
||||
drag: settings.dialogDraggable,
|
||||
lockScreen: settings.dialogLockScreen,
|
||||
maskStyle: {
|
||||
opacity: settings.dialogMaskOpacity,
|
||||
backgroundColor: settings.dialogMaskBgColor
|
||||
},
|
||||
// <20><><EFBFBD>ｫ<EFBFBD><EFBDAB>ͼƬ<CDBC><C6AC>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĵ<EFBFBD><C4B5><EFBFBD>
|
||||
buttons: {
|
||||
enter: [lang.buttons.enter, function() {
|
||||
var url = this.find("[data-url]").val();
|
||||
var alt = this.find("[data-alt]").val();
|
||||
var link = this.find("[data-link]").val();
|
||||
if (url === "") {
|
||||
alert(imageLang.imageURLEmpty);
|
||||
return false;
|
||||
}
|
||||
// <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѭ<EFBFBD><D1AD>
|
||||
let arr = url.split(";");
|
||||
var altAttr = (alt !== "") ? " \"" + alt + "\"" : "";
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
if (link === "" || link === "http://") {
|
||||
// cm.replaceSelection("![" + alt + "](" + url + altAttr + ")");
|
||||
cm.replaceSelection("![" + alt + "](" + arr[i] + altAttr + ")");
|
||||
} else {
|
||||
// cm.replaceSelection("[![" + alt + "](" + url + altAttr + ")](" + link + altAttr + ")");
|
||||
cm.replaceSelection("[![" + alt + "](" + arr[i] + altAttr + ")](" + link + altAttr + ")");
|
||||
}
|
||||
}
|
||||
if (alt === "") {
|
||||
cm.setCursor(cursor.line, cursor.ch + 2);
|
||||
}
|
||||
this.hide().lockScreen(false).hideMask();
|
||||
return false;
|
||||
}],
|
||||
|
||||
var fileInput = dialog.find("[name=\"" + classPrefix + "image-file\"]");
|
||||
|
||||
fileInput.bind("change", function() {
|
||||
var fileName = fileInput.val();
|
||||
var isImage = new RegExp("(\\.(" + settings.imageFormats.join("|") + "))$"); // /(\.(webp|jpg|jpeg|gif|bmp|png))$/
|
||||
|
||||
if (fileName === "")
|
||||
{
|
||||
alert(imageLang.uploadFileEmpty);
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!isImage.test(fileName))
|
||||
{
|
||||
alert(imageLang.formatNotAllowed + settings.imageFormats.join(", "));
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
loading(true);
|
||||
|
||||
var submitHandler = function() {
|
||||
|
||||
var uploadIframe = document.getElementById(iframeName);
|
||||
|
||||
uploadIframe.onload = function() {
|
||||
|
||||
loading(false);
|
||||
|
||||
var body = (uploadIframe.contentWindow ? uploadIframe.contentWindow : uploadIframe.contentDocument).document.body;
|
||||
var json = (body.innerText) ? body.innerText : ( (body.textContent) ? body.textContent : null);
|
||||
|
||||
json = (typeof JSON.parse !== "undefined") ? JSON.parse(json) : eval("(" + json + ")");
|
||||
|
||||
if (json.success === 1)
|
||||
{
|
||||
dialog.find("[data-url]").val(json.url);
|
||||
}
|
||||
else
|
||||
{
|
||||
alert(json.message);
|
||||
}
|
||||
|
||||
return false;
|
||||
};
|
||||
};
|
||||
|
||||
dialog.find("[type=\"submit\"]").bind("click", submitHandler).trigger("click");
|
||||
});
|
||||
cancel: [lang.buttons.cancel, function() {
|
||||
this.hide().lockScreen(false).hideMask();
|
||||
return false;
|
||||
}]
|
||||
}
|
||||
});
|
||||
dialog.attr("id", classPrefix + "image-dialog-" + guid);
|
||||
if (!settings.imageUpload) {
|
||||
return;
|
||||
}
|
||||
var fileInput = dialog.find("[name=\"" + classPrefix + "image-file\"]");
|
||||
fileInput.bind("change", function() {
|
||||
// 3xxx 20240602
|
||||
// let formData = new FormData();
|
||||
// <20><>ȡ<EFBFBD>ı<EFBFBD><C4B1><EFBFBD>dom
|
||||
// var doc = document.getElementById('doc');
|
||||
// <20><>ȡ<EFBFBD>ϴ<EFBFBD><CFB4>ؼ<EFBFBD>dom
|
||||
// var upload = document.getElementById('upload');
|
||||
// let files = upload.files;
|
||||
//<2F><><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD>Ϣappend<6E><64>formData<74>洢
|
||||
// for (let i = 0; i < files.length; i++) {
|
||||
// let file = files[i]
|
||||
// formData.append('files', file)
|
||||
// }
|
||||
// <20><>ȡ<EFBFBD>ļ<EFBFBD><C4BC><EFBFBD>
|
||||
// var fileName = upload.files[0].name;
|
||||
// <20><>ȡ<EFBFBD>ļ<EFBFBD>·<EFBFBD><C2B7>
|
||||
// var filePath = upload.value;
|
||||
// doc.value = fileName;
|
||||
// 3xxx
|
||||
console.log(fileInput);
|
||||
console.log(fileInput[0].files);
|
||||
let files = fileInput[0].files;
|
||||
for (let i = 0; i < files.length; i++) {
|
||||
var fileName = files[i].name;
|
||||
// var fileName = fileInput.val();
|
||||
var isImage = new RegExp("(\\.(" + settings.imageFormats.join("|") + "))$"); // /(\.(webp|jpg|jpeg|gif|bmp|png))$/
|
||||
if (fileName === "") {
|
||||
alert(imageLang.uploadFileEmpty);
|
||||
return false;
|
||||
}
|
||||
|
||||
dialog = editor.find("." + dialogName);
|
||||
dialog.find("[type=\"text\"]").val("");
|
||||
dialog.find("[type=\"file\"]").val("");
|
||||
dialog.find("[data-link]").val("http://");
|
||||
|
||||
this.dialogShowMask(dialog);
|
||||
this.dialogLockScreen();
|
||||
dialog.show();
|
||||
|
||||
};
|
||||
|
||||
};
|
||||
if (!isImage.test(fileName)) {
|
||||
alert(imageLang.formatNotAllowed + settings.imageFormats.join(", "));
|
||||
return false;
|
||||
}
|
||||
loading(true);
|
||||
var submitHandler = function() {
|
||||
var uploadIframe = document.getElementById(iframeName);
|
||||
uploadIframe.onload = function() {
|
||||
loading(false);
|
||||
var body = (uploadIframe.contentWindow ? uploadIframe.contentWindow : uploadIframe.contentDocument).document.body;
|
||||
var json = (body.innerText) ? body.innerText : ((body.textContent) ? body.textContent : null);
|
||||
json = (typeof JSON.parse !== "undefined") ? JSON.parse(json) : eval("(" + json + ")");
|
||||
var url="";
|
||||
for (let i = 0; i < json.length; i++) {
|
||||
if (json[i].success === 1) {
|
||||
if (i==0){
|
||||
url=json[i].url;
|
||||
}else{
|
||||
url=url+";"+json[i].url;
|
||||
}
|
||||
} else {
|
||||
alert(json[i].message);
|
||||
}
|
||||
}
|
||||
dialog.find("[data-url]").val(url)
|
||||
return false;
|
||||
};
|
||||
};
|
||||
dialog.find("[type=\"submit\"]").bind("click", submitHandler).trigger("click");
|
||||
}
|
||||
});
|
||||
}
|
||||
dialog = editor.find("." + dialogName);
|
||||
dialog.find("[type=\"text\"]").val("");
|
||||
dialog.find("[type=\"file\"]").val("");
|
||||
dialog.find("[data-link]").val("http://");
|
||||
this.dialogShowMask(dialog);
|
||||
this.dialogLockScreen();
|
||||
dialog.show();
|
||||
};
|
||||
};
|
||||
|
||||
// CommonJS/Node.js
|
||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||
|
||||
Reference in New Issue
Block a user