Implanter Easy Markdown Editor

var editor = new EasyMDE({
element: document.getElementById('textarea')
});

<?php
if(isset($_FILES['userfile'])) {
    $uploaddir = './';
    $uploadfile = $uploaddir . basename($_FILES['userfile']['name']);
    $blacklist_mimetype = array('text/html', 'text/javascript', 'text/x-javascript', 'application/x-shellscript', 'application/x-php', 'text/x-php', 'text/x-python', 'text/x-perl', 'text/x-bash', 'text/x-sh', 'text/x-csh', 'text/scriptlet', 'application/x-msdownload', 'application/x-msmetafile');
    if(in_array($_FILES['userfile']['type'],$blacklist_mimetype)) {
        echo json_encode(array('error'=>'typeNotAllowed'));
    }
    if(!is_uploaded_file($_FILES['userfile']['tmp_name'])) {
        echo json_encode(array('error'=>'importError'));
    }
    if(move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {
        echo json_encode(array('data'=>array('filePath'=>$uploadfile)));
    }
}

error_reporting(0);
if(isset($_FILES['image'])) {
    $uploaddir = './';
    $uploadfile = $uploaddir . basename($_FILES['image']['name']);
    $blacklist_mimetype = array('text/html', 'text/javascript', 'text/x-javascript', 'application/x-shellscript', 'application/x-php', 'text/x-php', 'text/x-python', 'text/x-perl', 'text/x-bash', 'text/x-sh', 'text/x-csh', 'text/scriptlet', 'application/x-msdownload', 'application/x-msmetafile');
    if(in_array($_FILES['image']['type'],$blacklist_mimetype)) {
        echo json_encode(array('error'=>'typeNotAllowed'));
    }
    if(!is_uploaded_file($_FILES['image']['tmp_name'])) {
        echo json_encode(array('error'=>'importError'));
        echo "can't upload";
    }
    if (move_uploaded_file($_FILES['image']['tmp_name'], $uploadfile)) {
        echo json_encode(array('data'=> array('filePath'=>$uploaddir.$uploadfile)));
    }
}

var editor = new EasyMDE({
  element: document.getElementById('textarea'),
  uploadImage: true,
  imageUploadEndpoint: "upload/"
});

var editor = new EasyMDE ({
    element: document.getElementById('textarea'),
    promptURLs: true,
    uploadImage: true,
    //imageUploadEndpoint: 'api.php?do=upload',
    imageUploadFunction: UploadPicture,
    imageMaxSize: 1024*1024*20,
    imageUploadAbsoluteURL:false
});

var UploadPicture = function(file, onSuccess, onError) {
    var form_data = new FormData();
    var imageUrl;
    form_data.append('image', file);
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'api.php?do=upload');
    xhr.send(form_data);
     if (xhr.readyState === DONE) {
        if (xhr.status === OK) {
          console.log(xhr.responseText); // 'This is the returned text.'
            imageUrl = JSON.parse(xhr.image_url)
        } else {
          console.log('Error: ' + xhr.status); // An error occurred during the request.
        }
     }
}

     if (xhr.readyState === DONE) {
        if (xhr.status === OK) {
          console.log(xhr.responseText); // 'This is the returned text.'
            imageUrl = JSON.parse(xhr.image_url)
        } else {
          console.log('Error: ' + xhr.status); // An error occurred during the request.
        }
     }

var UploadPicture = function(file, onSuccess, onError) {
    var form_data = new FormData();
    var imageUrl;
    form_data.append('image', file);
    var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = () => {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status >= 200 && xhr.status < 300) {
          console.log(xhr.responseText); // 'This is the returned text.'
            imageUrl = JSON.parse(xhr.image_url)
        } else {
          console.log('Error: ' + xhr.status); // An error occurred during the request.
        }
      }
    };
    xhr.open('POST', 'api.php?do=upload');
    xhr.send(form_data);
}

function UploadPicture(file, onSuccess, onError) {
    var form_data = new FormData();
    var imageUrl;
    form_data.append('image', file);
    var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = () => {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status >= 200 && xhr.status < 300) {
          console.log(xhr.responseText); // 'This is the returned text.'
          imageUrl = JSON.parse(xhr.image_url)
          onSuccess(imageUrl)
        } else {
          console.log('Error: ' + xhr.status); // An error occurred during the request.
          onError(xhr.status) // je ne suis pas sûr d'ici
        }
      }
    };
    xhr.open('POST', 'api.php?do=upload');
    xhr.send(form_data);
}

console.log(typeof variable)

var variable = function() {}

console.log(typeof maFonction)

function maFonction() {}

{"data":{"filePath":"data\/files\/STAY AT HOME-FR.jpg"}} easymde.js:20:19
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON dataeasymde.js:21:27
    onreadystatechange easymde.js:21

var editor = new EasyMDE ({
    element: document.getElementById('textarea'),
    promptURLs: true,
    uploadImage: true,
    //imageUploadEndpoint: 'api.php?do=upload',
    imageUploadFunction: UploadPicture,
    imageMaxSize: 1024*1024*20,
    imageUploadAbsoluteURL:false
});

function UploadPicture(file, onSuccess, onError) {
    var form_data = new FormData();
    var imageUrl;
    form_data.append('image', file);
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = () => {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status >= 200 && xhr.status < 300) {
          //console.log(xhr.responseText); // 'This is the returned text.'
          var reponse = xhr.responseText
          console.log(reponse)
          imageUrl = JSON.parse(reponse)
          console.log(imageUrl.data.filePath)
          onSuccess(imageUrl.data.filePath)
        } else {
          console.log('Error: ' + xhr.status); // An error occurred during the request.
          onError(xhr.status) // je ne suis pas sûr d'ici
        }
      }
    };
    xhr.open('POST', 'api.php?do=upload');
    xhr.send(form_data);
}