<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>