• <em id="52tge"><object id="52tge"><blockquote id="52tge"></blockquote></object></em>

  • <progress id="52tge"></progress>
      
      
      <tbody id="52tge"><pre id="52tge"></pre></tbody>
      <em id="52tge"></em>
      <li id="52tge"><acronym id="52tge"><u id="52tge"></u></acronym></li>

      <nav id="52tge"><sub id="52tge"><noframes id="52tge"></noframes></sub></nav>

      網站地圖 | RSS訂閱 老鐵博客 - 上海SEO優化|上海網站建設|蜘蛛池出租|站群代搭建
      你的位置:首頁 ? 網站建設 ? 正文

      KindEditor瀏覽圖片空間返回圖片路徑給文本框并展示圖片

      2016-5-3 16:6:49 | 作者:老鐵SEO | 0個評論 | 人瀏覽

      在我們使用編輯器的時候經常會想讓編輯器里上傳的某張圖片設定為文章的形象圖,這時我們可以用到單獨的“瀏覽服務器”這個按鈕功能。

      以下是KindEditor 4.1.11的示例代碼:

      形象圖:<input id="pic" name="pic" type="text" />
      <div id="picshow"><img src="images/nopic.gif" width='150' height='95' /></div>
      
      <link rel="stylesheet" href="kindeditor/themes/default/default.css" />
      <script charset="utf-8" src="kindeditor/kindeditor-all.js"></script>
      <script charset="utf-8" src="kindeditor/lang/zh-CN.js"></script>
      <script>
      	KindEditor.ready(function(K) {
      		var editor = K.editor({
      			fileManagerJson : 'kindeditor/asp/file_manager_json.asp' //設置瀏覽服務器文件URL
      		});
      		K('#browsebtn').click(function() {
      			editor.loadPlugin('filemanager', function() {
      				editor.plugin.filemanagerDialog({
      					viewType : 'VIEW',
      					dirName : 'image',
      					clickFn : function(url, title) {
      						K("#pic").val(url); //給文本框賦值
      						K("#picshow").html("<img src='" + url + "' width='150' height='95' />"); //更新圖片預覽區HTML代碼
      						editor.hideDialog();
      					}
      				});
      			});
      		});
      	});
      </script>
      <input type="button" id="browsebtn" value="瀏覽圖片空間" />


    1. 本文來自: 老鐵博客,轉載請保留出處!歡迎發表您的評論
    2. 相關標簽:KindEditor  編輯器  JS特效  
    3. 已有0位網友發表了一針見血的評論,你還等什么?

      必填

      選填

      記住我,下次回復時不用重新輸入個人信息

      必填,不填不讓過哦,嘻嘻。

      ◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

      色情激情片日本大全|亚洲无码色情gif|六人行成人版第九影院|亚洲成人电影理论电影

    4. <em id="52tge"><object id="52tge"><blockquote id="52tge"></blockquote></object></em>

    5. <progress id="52tge"></progress>
        
        
        <tbody id="52tge"><pre id="52tge"></pre></tbody>
        <em id="52tge"></em>
        <li id="52tge"><acronym id="52tge"><u id="52tge"></u></acronym></li>

        <nav id="52tge"><sub id="52tge"><noframes id="52tge"></noframes></sub></nav>