如何更改froala上传路径wysiwyg

Question

我正在使用Froala 2.4.0所见即所得编辑器的项目。 我正在使用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", 

祝你好运:)