NicEdit图片已上传,但在编辑器中显示空白图像

时间:2017-10-11 11:33:21

标签: php image image-uploading nicedit

我有关于textarea的nicEditor的问题。

当我从本地存储图像上传niceeditor中的图像时,将上传到文件夹和数据库,但是在textarea中显示doesen。 enter image description here

正如您在图像中看到的文本编辑器显示空白图像。 我的代码如下。

  var nicUploadOptions = {
        buttons : {
            'upload' : {name : 'Upload Image', type : 'nicUploadButton'}
        }

    };
    var nicUploadButton=nicEditorAdvancedButton.extend({nicURI:"image.php" and more..
    nicEditors.registerPlugin(nicPlugin,nicUploadOptions);

PHP代码如下

<?php
//Check if we are getting the image
if(isset($_FILES['image'])){
        //Get the image array of details
        $img = $_FILES['image'];       
        //The new path of the uploaded image, rand is just used for the sake of it
        $path = "upload/" . rand().$img["name"];
        //Move the file to our new path
        move_uploaded_file($img['tmp_name'],$path);
        //Get image info, reuiqred to biuld the JSON object
        $data = getimagesize($path);
        //The direct link to the uploaded image, this might varyu depending on your script location    
        $link = "http://$_SERVER[HTTP_HOST]"."/nicedit/".$path;
        //Here we are constructing the JSON Object
        $res = array("data" => array( "link" => $link, "width" => $data[0], "height" => $data[1]));
        //echo out the response :)
        echo json_encode($res);
}
?>

图片将成功上传到文件夹和数据库。

1 个答案:

答案 0 :(得分:0)

找到以下溶剂

 line starting with nicURI:"http://api.imgur.com/2/upload.json" 
    Replace with

    nicURI:"image.php"

PHP代码

<?php
//Check if we are getting the image
if(isset($_FILES['image'])){
        //Get the image array of details
        $img = $_FILES['image'];       
        //The new path of the uploaded image, rand is just used for the sake of it
        $path = "upload/" . rand().$img["name"];
        //Move the file to our new path
        move_uploaded_file($img['tmp_name'],$path);
        //Get image info, reuiqred to biuld the JSON object
        $data = getimagesize($path);
        //The direct link to the uploaded image, this might varyu depending on your script location    
        $link = "http://$_SERVER[HTTP_HOST]"."/nicedit/".$path;
        //Here we are constructing the JSON Object
         $res = array("data" => array( "link" => $link, "width" => $data[0], "height" => $data[1]));                          
                    ));
        //echo out the response :)
        echo json_encode($res);
}
?>

完成!现在我尝试上传一些东西,它将直接进入您的服务器

我感谢http://manzzup.blogspot.com.br/2014/03/customize-nicedit-image-upload-to.html