Ajax 如何实现图像上传到PageDown标记编辑器?
为了实现图像上传到PageDown标记编辑器,我修改了一些关于编辑器的代码 Markdown.Editor.js var defaultsStrings={imagedialog:“” 选择图片后,单击“确定”按钮发送ajax请求。它可以返回图像路径Ajax 如何实现图像上传到PageDown标记编辑器?,ajax,form-data,pagedown,Ajax,Form Data,Pagedown,为了实现图像上传到PageDown标记编辑器,我修改了一些关于编辑器的代码 Markdown.Editor.js var defaultsStrings={imagedialog:“” 选择图片后,单击“确定”按钮发送ajax请求。它可以返回图像路径 var okButton = doc.createElement("input"); okButton.type = "button"; okButton.onclick = function () {
var okButton = doc.createElement("input");
okButton.type = "button";
okButton.onclick = function () {
var data = new FormData();
data.append('file', $( '#image' )[0].files[0] );
$.ajax({
url: 'uploadFile',
data: data,
processData: false,
contentType: false,
type: 'POST',
success: function ( data ) {
alert(path);
}
});
return close(false);};
如何在编辑器预览区域预览图像?这提供了一种有用的方法
editor.hooks.set("insertImageDialog", function (callback) {
var $input = $('<input type="file" name="File" id="file_0" class = "fileUpload"/>');
var $okButton = $('<a class="okButton">'+uploadOK()+'</a>');
$okButton.click(function(){
var data = new FormData();
var file = $input[0].files[0];
if (file === undefined || null === file) {
// alert("error message);
} else {
data.append('file', file);
$.ajax({
url: 'uploadFile',
data: data,
dataType : 'json',
processData: false,
contentType: false,
type: 'POST',
success: function ( data ) {
callback(data.dataObject.url);
},
error : function(data){
// error
}
});
}
}); )
editor.hooks.set(“insertImageDialog”,函数(回调){
变量$input=$('');
变量$okButton=$(''+uploadOK()+'');
$OK按钮。单击(函数(){
var data=new FormData();
var file=$input[0]。文件[0];
如果(文件===未定义| |空===文件){
//警报(“错误消息”);
}否则{
data.append('file',file);
$.ajax({
url:“上传文件”,
数据:数据,
数据类型:“json”,
processData:false,
contentType:false,
键入:“POST”,
成功:功能(数据){
回调(data.dataObject.url);
},
错误:函数(数据){
//错误
}
});
}
}); )
你能告诉我在哪里包含吗?@AmitJoki包含什么?我想在我的项目中包含它。你能提供完整的代码吗?我在另一个js文件中编写了上述代码。和var converter2=Markdown.getSanitizingConverter();var editor2=new Markdown.Editor(converter2',options);
那是什么转换器2
?