Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ajax 如何实现图像上传到PageDown标记编辑器?_Ajax_Form Data_Pagedown - Fatal编程技术网

Ajax 如何实现图像上传到PageDown标记编辑器?

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 () {

为了实现图像上传到PageDown标记编辑器,我修改了一些关于编辑器的代码

Markdown.Editor.js

var defaultsStrings={imagedialog:“

选择图片后,单击“确定”按钮发送ajax请求。它可以返回图像路径

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