一、我假設你是要儲存到自己的資料庫中（因為上傳到阿里雲、七牛更簡單原理一樣的）

點選插入圖片如下圖：

1、其實你插入的時候不需要做什麼處理一樣也可以插入資料庫的（但是前提你插入的那個欄位必須要求足夠空間比如Mysql你要用LONGTEXT型別，否則是存不下的這樣子前臺獲取的時候就取不到）原因是你儲存的時候，它把圖片給轉換為了data:image/gif;base64,這樣子話所以一般不建議直接用，因為你可能存幾張後就會出錯了。

2、先把圖片上傳到伺服器（你自己的）然後再修改圖片的Url，找了好多網上的資料，感覺寫的都比較複雜，嗯這裡自己就試著寫了一個比較簡單的是利用Ajax傳到後臺插入，然後這個控制元件自己會修改它的路徑，只需要如下步驟：

a、開啟你自己呼叫的bootstrap-wysiwyg.js這個檔案，我們來修改一下readFileIntoDataUrl這個方法，應該就是這個檔案的第一個方法啦，把它的先註釋了，修改為這樣子

    var readFileIntoDataUrl = function (fileInfo) {
        var form = new FormData();
        form.append("editorImage", fileInfo);
        var xhr = new XMLHttpRequest();
        xhr.open("post", "/Admin/Ajax/ajaxUploadFile

b、ajaxUploadFile這個方法要做的事情就是把獲取到的$_FILES中的圖片入庫程式碼如下：

/*後臺bootstrap-wysiwyg.js上傳圖片*/
    public function ajaxUploadFile(){
        header("content-type:text/html;charset=utf-8");
        //echo 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1508372197,632975480&fm=80';exit;
        $upload = new \Think\Upload();// 例項化上傳類
        $upload->maxSize   =     3145728 ;// 設定附件上傳大小
        $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg');// 設定附件上傳型別
        $upload->rootPath  =     'Public/Uploads/'; // 設定附件上傳根目錄
        $upload->savePath  =     ''; // 設定附件上傳（子）目錄
        $upload->saveRule = uniqid;
        // 上傳檔案
        $info   =   $upload->upload($_FILES);//上傳圖片的方法
        $imagesModel=M('maiclub_images');
        $data['image_url']=$info['editorImage']['savepath'].$info['editorImage']['savename'];
        $data['create_time']=time();
        $data['id']=null;
        if($imagesModel->add($data)) {
            echo __APP__.'/Public/Uploads/'.$data['image_url'];exit;
        }else{
            echo '入庫失敗了，聯絡管理員';exit;

        }


    }

3、親測是成功的，祝你幸運，也可以成功哦。交流群：368848856嘿嘿