首页 > Web开发 > 详细

KindeEditor图片上传插件用法

时间:2017-10-15 16:47:02      阅读:432      评论:0      收藏:0      [点我收藏+]

KindeEditor图片上传插件用法

1.aspx页面

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="img.aspx.cs" Inherits="_5amcn.admin.img" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
   <!--编辑器-->


<script charset="utf-8" src="../kindeditor/kindeditor.js"></script>
    <link rel="stylesheet"  href="../kindeditor/themes/default/default.css" />
    <link rel="stylesheet" href="../kindeditor/plugins/code/prettify.css" />
    
    <script charset="utf-8" src="../kindeditor/lang/zh_CN.js"></script>
    <script charset="utf-8" src="../kindeditor/plugins/code/prettify.js"></script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    <h2>KindeEditor图片上传</h2>
<input type="button" value="上传" id="chooseImage" onclick="return chooseImage_onclick()" />

<img id="imgbox" src="#" style="display: none"/>

<script src="../js/jquery-1.8.2.min.js"></script>
<script src="../kindeditor/kindeditor-min.js"></script>
<script src="../kindeditor/lang/zh_CN.js"></script>
<script type="text/javascript">
    KindEditor.ready(function (K) {
        var editor = K.editor({
            uploadJson: ../kindeditor/asp.net/upload_json.ashx,
            allowFileManager: false
        });

        K(#chooseImage).click(function () {
            editor.loadPlugin(image, function () {
                editor.plugin.imageDialog({
                    showRemote: false,
                    imageUrl: K(#PicUrl).val(),
                    clickFn: function (url, message, error) {
                        alert("上传成功!");
                        K("#imgbox").attr("src", url);
                        K("#imgbox").show();
                        editor.hideDialog();
                    }
                });
            });
        });
    });
    function chooseImage_onclick() {

    }

</script>
    </div>
    </form>
</body>
</html>

 

技术分享

 

 技术分享

 

2.译器错误消息: CS0246: 未能找到类型或命名空间名称“LitJson”(是否缺少 using 指令或程序集引用?)

 

解决方法:将kindeditor---asp.net----bin文件夹内的LitJSON.dll文件复制到,网站项目根目录的bin文件夹中,重新生成解决方案即可:

KindeEditor图片上传插件用法

原文:http://www.cnblogs.com/huichao1314/p/7672489.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!