📖 File Reader
<!-- SUMMERNOTE 编辑器-->
<script src="__PUBLIC__/admin/js/plugins/summernote/summernote.min.js"></script>
<script src="__PUBLIC__/admin/js/plugins/summernote/summernote-zh-CN.js"></script>
<script>
$(document).ready(function () {
$('.summernote').summernote({
lang: 'zh-CN'
});
});
var edit = function () {
$('#eg').addClass('no-padding');
$('.click2edit').summernote({
lang: 'zh-CN',
focus: true
});
};
var save = function () {
$('#eg').removeClass('no-padding');
var sHTML = $('.summernote').summernote('code'); //save HTML If you need(aHTML: array).
$('.click2edit').summernote('destroy');
};
</script>
<script>
let summer = $('.summernote');
summer.summernote({
callbacks: {
onImageUpload: function (files) {
for (var i=0;i<files.length;i++)
{
sendFile(files[i]);
}
}
}
});
/*发送图片文件给服务器端 */
function sendFile(files){
let imageData = new FormData();
imageData.append("imageData", files);
$.ajax({
url: '/admin/ad/uploads', // 图片上传url
type: 'POST',
data: imageData,
cache: false,
contentType: false,
processData: false,
dataType: 'json', // 以json的形式接收返回的数据
// 图片上传成功
success: function ($result) {
let imgNode = document.createElement("img");
imgNode.src = $result.data;
summer.summernote('insertNode', imgNode);
},
// 图片上传失败
error: function () {
console.log('图片上传失败');
}
});
}
</script>