码迷,mamicode.com
首页 > Web开发 > 详细

summernote 图片上传

时间:2015-11-04 17:28:28      阅读:1571      评论:0      收藏:0      [点我收藏+]

标签:

    <script type="text/javascript">
        $(document).ready(function () {
            function sendFile(file, editor, $editable) {
                var formData = new FormData();
                formData.append(‘file‘, file);
                // XMLHttpRequest 对象
                var xhr = new XMLHttpRequest();
                xhr.open("post", "/ajax/upload.aspx", true);
                xhr.onload = function () {
                    alert("上传完成!");
                };
                xhr.send(formData);
                //$.ajax({
                //    data: postdata,
                //    type: "POST",
                //    url: "/ajax/upload.aspx", //图片上传出来的url,返回的是图片上传后的路径,http格式  
                //    contentType: "json",
                //    cache: false,
                //    processData: false,
                //    success: function (data) {
                //        console.log(postdata);
                //        //data是返回的hash,key之类的值,key是定义的文件名  
                //        alert(data);
                //        //把图片放到编辑框中。editor.insertImage 是参数,写死。后面的http是网上的图片资源路径。  
                //        //网上很多就是这一步出错。  
                //        $(‘.summernote‘).summernote(‘editor.insertImage‘, "http://res.cloudinary.com/demo/image/upload/butterfly.jpg");

                //        $(".note-alarm").html("上传成功,请等待加载");
                //        setTimeout(function () { $(".note-alarm").remove(); }, 3000);
                //    },
                //    error: function () {
                //        $(".note-alarm").html("上传失败");
                //        setTimeout(function () { $(".note-alarm").remove(); }, 3000);
                //    }
                //});
            }
            $(‘.summernote‘).summernote({
                lang: "zh-CN",
                height: 200,
                tabsize: 2,
                onImageUpload: function (files, editor, $editable) {
                    sendFile(files[0], editor, $editable);
                },
                codemirror: {
                    theme: ‘monokai‘
                }
            });
        });
  </script>

 

summernote 图片上传

标签:

原文地址:http://www.cnblogs.com/beijing-Bob/p/4936346.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!