KindeEditor图片上传插件用法

　　　图片上传对于部分新手来说有时候是一件非常头疼的事，今天来分享一下项目中使用到的这个插件KindeEditor；对于图片上传、文件上传都是分分钟搞定的事，配置简单；现在来分享一下；

　　　KindeEditor官网Api文档：http://kindeditor.net/doc.php

　　　要想使用此插件我们首先就要去官网下载，下载完成后将插件放进我们的项目当中，如图：

　　接着就是前端如何使用该插件，同样废话不多说直接上代码：

 1 @{ 2   ViewBag.Title = "KindeEditor图片上传"; 3 } 4 <h2>KindeEditor图片上传</h2> 5 <link href="~/Scripts/kindeditor/themes/default/default.css" rel="stylesheet" /> 6 <input type="button" value="上传" id="chooseImage" /> 7 <img id="imgbox" src='/images/loading.gif' data-original="#" style="display: none"/> 8  9 <script src='/images/loading.gif' data-original="~/Scripts/jquery-1.8.2.min.js"></script>10 <script src='/images/loading.gif' data-original="~/Scripts/kindeditor/kindeditor-min.js"></script>11 <script src='/images/loading.gif' data-original="~/Scripts/kindeditor/lang/zh_CN.js"></script>12 <script type="text/javascript">13   KindEditor.ready(function (K) {14     var editor = K.editor({15       uploadJson: '/Home/UploadImage',16       allowFileManager: false17     });18 19     K('#chooseImage').click(function () {20       editor.loadPlugin('image', function () {21         editor.plugin.imageDialog({22           showRemote: false,23           imageUrl: K('#PicUrl').val(),24           clickFn: function (url, message, error) {25             alert("上传成功!");26             K("#imgbox").attr("src", url);27             K("#imgbox").show();28             editor.hideDialog();29           }30         });31       });32     });33   });34 </script>

原标题：KindeEditor图片上传插件用法

关键词：上传