Как изменить путь загрузки в froala wysiwyg

Question

Я работаю над проектом, который использовал редактор Froala 2.4.0 WYSIWYG. Я использую тест xampp и localhost. я не могу использовать локальный путь для загружаемых изображений и файлов, все файл и загрузка изображений в: https://i.froala.com/ Но я хочу загрузить все файлы и изображения на http://localhost/uploads

Как сделать? Я пробовал на сайте froala, но я не могу этого сделать.

Answer 1

для загрузки изображения: - создать «загрузка» каталог в локальном хосте, - создать «изображение» каталог в загрузках, - создать PHP файл «upload_image.php» в локальном хосте с таким содержимым:

<?php 
// Allowed extentions. 
$allowedExts = array("gif", "jpeg", "jpg", "png", "blob"); 

// Get filename. 
$temp = explode(".", $_FILES["file"]["name"]); 

// Get extension. 
$extension = end($temp); 

// An image check is being done in the editor but it is best to 
// check that again on the server side. 
// Do not use $_FILES["file"]["type"] as it can be easily forged. 
$finfo = finfo_open(FILEINFO_MIME_TYPE); 
$mime = finfo_file($finfo, $_FILES["file"]["tmp_name"]); 

if ((($mime == "image/gif") 
|| ($mime == "image/jpeg") 
|| ($mime == "image/pjpeg") 
|| ($mime == "image/x-png") 
|| ($mime == "image/png")) 
&& in_array(strtolower($extension), $allowedExts)) { 
    // Generate new random name. 
    $name = sha1(microtime()) . "." . $extension; 

    // Save file in the uploads folder. 
    move_uploaded_file($_FILES["file"]["tmp_name"], getcwd() . "/uploads/images/" . $name); 

    // Generate response. 
    $response = new StdClass; 
    $response->link = "http://localhost/uploads/images/" . $name; 
    echo stripslashes(json_encode($response)); 
} 
    ?> 

и добавить этот скрипт плагин на страницу редактора:

<script type="text/javascript" src="froala_editor_directory/js/plugins/image.min.js"> 

и редактировать "image.min.js" изменение imageUploadURL параметра к:

imageUploadURL:"http://localhost/upload_image.php", 

и повторить все шаг для загрузки файла: - создать «файлы» каталога в загрузки, - создать PHP файл «upload_file.php» в локальном хосте с этим содержимым:

<?php 
// Get filename. 
$temp = explode(".", $_FILES["file"]["name"]); 

// Get extension. 
$extension = end($temp); 

// An image check is being done in the editor but it is best to 
// check that again on the server side. 
// Do not use $_FILES["file"]["type"] as it can be easily forged. 
$finfo = finfo_open(FILEINFO_MIME_TYPE); 
$mime = finfo_file($finfo, $_FILES["file"]["tmp_name"]); 

$allowedExts = array(
    'pdf', 
    'doc', 
    'docx', 
    'xls', 
    'xlsx' 
); 

$allowedMimeTypes = array(
    'application/x-pdf', 
    'application/pdf', 
    'application/msword', 
    'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 
    'application/vnd.ms-excel', 
    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' 
); 

if (in_array(strtolower($extension), $allowedExts) AND in_array($mime, $allowedMimeTypes)) { 
    // Generate new random name. 
    $name = sha1(microtime()) . "." . $extension; 

    // Save file in the uploads folder. 
    move_uploaded_file($_FILES["file"]["tmp_name"], getcwd() . "/uploads/files/" . $name); 

    // Generate response. 
    $response = new StdClass; 
    $response->link = "http://localhost/uploads/files/" . $name; 
    echo stripslashes(json_encode($response)); 
} 
    ?> 

и добавить сценарий плагин для вашей страницы редактора:

<script type="text/javascript" src="froala_editor_directory/js/plugins/file.min.js"> 

и редактировать "file.min.js" изменить параметр fileUploadURL на:

fileUploadURL :"http://localhost/upload_file.php", 

Удача :)