操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

就在最近，公司讓我寫(xiě)一個(gè)后臺(tái)，其中用到了富文本編輯器。自從這個(gè)富文本的出現(xiàn)我就慢慢的進(jìn)入了一個(gè)坑php上傳圖片大小限制，起初不知道用什么編輯器好php上傳圖片大小限制，看了好多好多，最后選擇了。這個(gè)。個(gè)人認(rèn)為這個(gè)富文本很干凈，還很多功能。

選擇了編輯器我就慢慢的走進(jìn)了坑的道理，一步一個(gè)坎。接下來(lái)就是看代碼了。

這個(gè)是，選擇一個(gè)自己喜歡的版本。我用的是3的

定義一個(gè)富文本編輯器

然后富文本就出現(xiàn)了

然后就是圖片上傳代碼首先要在js中配置點(diǎn)東西。

<script>

    var e = window.wangeditor;
    var editor = new e(‘#elm1‘);
    editor.customconfig.uploadimgserver = "uploads.php"; // 上傳圖片到服務(wù)器
    editor.customconfig.uploadfilename = "file";   //文件名稱 也就是你在后臺(tái)接受的 參數(shù)值
    editor.customconfig.uploadimgheaders = {  //header頭信息 
      ‘a(chǎn)ccept‘: ‘text/x-json‘
    }
    // 將圖片大小限制為 3m
    editor.customconfig.uploadimgmaxsize = 3 * 1024 * 1024  //默認(rèn)為5m

    editor.customconfig.uploadimgshowbase64 = false;  // 使用 base64 保存圖片
    // editor.customconfig.customalert = function (info) { //自己設(shè)置alert錯(cuò)誤信息
    //   // info 是需要提示的內(nèi)容
    //   alert(‘自定義提示：‘ + ‘圖片上傳失敗，請(qǐng)重新上傳‘)
    // };
    editor.customconfig.debug = true; //是否開(kāi)啟debug 默認(rèn)為false 建議開(kāi)啟 可以看到錯(cuò)誤
    // editor.customconfig.debug = location.href.indexof(‘wangeditor_debug_mode=1‘) > 0; // 同上 二選一
    //圖片在編輯器中回顯
    editor.customconfig.uploadimghooks = { 

      error: function (xhr, editor) {
        alert("2：" + xhr + "請(qǐng)查看你的json格式是否正確，圖片并沒(méi)有上傳");
        // 圖片上傳出錯(cuò)時(shí)觸發(fā) 如果是這塊報(bào)錯(cuò) 就說(shuō)明文件沒(méi)有上傳上去，直接看自己的json信息。是否正確
        // xhr 是 xmlhttprequst 對(duì)象，editor 是編輯器對(duì)象
      },
      fail: function (xhr, editor, result) {
        // 如果在這出現(xiàn)的錯(cuò)誤 就說(shuō)明圖片上傳成功了 但是沒(méi)有回顯在編輯器中，我在這做的是在原有的json 中添加了
        // 一個(gè)url的key（參數(shù)）這個(gè)參數(shù)在 custominsert也用到
        // 

        alert("1：" + xhr + "請(qǐng)查看你的json格式是否正確，圖片上傳了，但是并沒(méi)有回顯");
      },
      success:function(xhr, editor, result){
        //成功 不需要alert 當(dāng)然你可以使用console.log 查看自己的成功json情況 
        //console.log(result)
        // insertimg(‘https://ss0.bdstatic.com/5av1bjqh_q23odcf/static/superman/img/logo/bd_logo1_31bdc765.png‘)
      },
      custominsert: function (insertimg, result, editor) {
        //console.log(result);

        // 圖片上傳并返回結(jié)果，自定義插入圖片的事件（而不是編輯器自動(dòng)插入圖片！！！）
        // insertimg 是插入圖片的函數(shù)，editor 是編輯器對(duì)象，result 是服務(wù)器端返回的結(jié)果
        // 舉例：假如上傳圖片成功后，服務(wù)器端返回的是 {url:‘....‘} 這種格式，即可這樣插入圖片：
        insertimg(result.url);
      }
    };
    editor.customconfig.showlinkimg = true; //是否開(kāi)啟網(wǎng)絡(luò)圖片，默認(rèn)開(kāi)啟的。
    editor.create()
  </script>

這些是的配置代碼。

詳細(xì)的php代碼在我的git里面有興趣的可以下載一下~

這樣的圖片上傳就完成了。