我需要帮助上传照片(以及在编辑器中插入的其他数据),但仅当点击提交按钮时。我搜索了论坛,并用谷歌搜索但没有运气:(
我正在使用的代码用于上传图像并将文本保存到数据库,但是当我将其添加到编辑器时,它会立即上传图像。这对我来说不是理想的行为,因为如果用户将图像添加到编辑器然后决定关闭选项卡/关闭浏览器或转到另一个地址,图像将存储在服务器上 - 所以我希望有人帮助我只上传图像当提交按钮被按下时(在那之前,它只会作为预览出现)。这是我的代码:
$('#summernote').summernote({
//placeholder: 'your Message',
height: 200,
toolbar: [
['style', ['style']],
['font', ['bold', 'italic', 'underline', 'clear']],
['fontname', ['fontname']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']],
['table', ['table']],
['insert', ['link', 'picture', 'hr']],
['view', ['fullscreen', 'codeview', 'help']],
['save-button', ['save']]
],
callbacks : {
onImageUpload: function(image) {
uploadImage(image[0]);
}
}
});
function uploadImage(image) {
var slika = new FormData();
slika.append("image",image);
$.ajax ({
data: slika,
type: "POST",
url: "url - upload image script",// this file uploads the picture and
// …
Run Code Online (Sandbox Code Playgroud)