Summernote image upload

最新推荐文章于 2024-05-25 11:05:08 发布

转载最新推荐文章于 2024-05-25 11:05:08 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mying/p/4650490.html

本文介绍如何使用 Summernote 实现富文本编辑器中的图片上传功能。具体包括使用 uploadRequest 发起上传请求，并在上传成功后将图片插入到编辑器中。此外还包含了上传失败后的错误提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Summernote image upload

onImageUpload: function(files, editor, $editable) {
　　messageCenterUploadTokenModule.query(function(d){
　　　　var formData = new FormData();
　　　　formData.append('file', files[0]);
　　　　tools.block.blockUI({target: '#'+$scope.modalId});
　　　　formData.append('token', d.token);
　　　　tools.uploadRequest('', formData).then(function(d) {
　　　　editor.insertImage($editable,"http://dhcrestmsg.dhero.cn/"+d.key);
　　　　tools.block.unblockUI();
　　　　tools.notification.success('上传图片成功');
　　}, function() {
　　　　tools.notification.error('上传图片失败');
　　})
　　});
}

转载于:https://www.cnblogs.com/mying/p/4650490.html