郑德才博客

页面中添加一个“点击上传”图片按钮，给这个按钮或超链接添加单击事件

<script type="text/javascript" src="../scripts/jquery-1.9.0.min.js"></script>
<script src="../scripts/Ueditor/editor_config.js" type="text/javascript"></script>
<script src="../scripts/Ueditor/editor_all_min.js" type="text/javascript"></script>

<table>              

   <tr>

        <td style="text-align: right; width: 110px;">
            logo：</td>
        <td colspan="3">
                <div id="imgInfo" style="display:none;"><img src="" alt="" width="200" height="200" /></div>
                   <a href="#" id="upImg">点击上传</a><span style="margin-left:50px;">图片大小：200*200</span>
         </td>
     </tr>
</table>

//jquery代码，记得把jquery和百度编辑器Editor的js引用进来

<script type="text/javascript">
    $(function () {
        $("#upImg").click(function () { //按钮或超链接添加单击事件
            upImage(); //调用打开上传图片的方法
        });
    });
    //百度图片上传 
    var myEditorImage; 
    var d; 
    function upImage() {
        d = myEditorImage.getDialog("insertimage"); //上传图片的窗体
        d.render();
        d.open(); //给打开上传窗体
    }
    myEditorImage= new UE.ui.Editor(); 
    myEditorImage.render('myEditorImage');
    myEditorImage.ready(function () {
        myEditorImage.setDisabled();
        myEditorImage.hide(); //隐藏UE框体 
        myEditorImage.addListener('beforeInsertImage', function (t, arg) {
            if (arg.length > 1) {
                alert("log只能上传一张图片！");
            }
            $("#imgInfo").show();
            $("#imgInfo").find("img").attr("src", arg[0].src); //把上传后确定返回的图片地址放到div中显示出来
            $("#LogoPicText").attr("value", arg[0].src); //把图片地址赋值给页面input，我这里使用了jquery，可以根据自己的写法赋值，到这里就很简单了，会js的都会写了。  LogoPicText就没有弄在上面了，就是一个简单的input或asp.net的文本控件         
        });
    });
</script>