Javascript 多个Summernote实例-将图像上载到服务器
因此,我将summernote编辑器与symfony表单一起使用,并成功地将图像上传到服务器,而无需将其保存为base64格式。另一个问题是,我有两个summernote编辑器,当我在第二个编辑器中上载图像时,它会插入第一个编辑器中。我尝试使用jQuery的each()循环,但没有成功。问题是在上传功能,它的工作没有问题,但我需要上传我的图像到服务器。这是我的密码:Javascript 多个Summernote实例-将图像上载到服务器,javascript,summernote,Javascript,Summernote,因此,我将summernote编辑器与symfony表单一起使用,并成功地将图像上传到服务器,而无需将其保存为base64格式。另一个问题是,我有两个summernote编辑器,当我在第二个编辑器中上载图像时,它会插入第一个编辑器中。我尝试使用jQuery的each()循环,但没有成功。问题是在上传功能,它的工作没有问题,但我需要上传我的图像到服务器。这是我的密码: $(document).ready(function () { $('.editor').summernote({
$(document).ready(function () {
$('.editor').summernote({
callbacks: {
onImageUpload: function (files) {
sendFile(files[0]);
}
}
});
function sendFile(img) {
var formData = new FormData();
formData.append("img", img);
$.ajax({
data: formData,
type: "POST",
url: "/admin/upload-editor",
cache: false,
contentType: false,
processData: false,
success: function (url) {
$('.editor').summernote('insertImage', url);
}
});
}
});
编辑:
我以前的循环逻辑是错误的,所以我传递了一个键来迭代每个编辑器
$(document).ready(function () {
$('.editor').each(function (i) {
$('.editor').eq(i).summernote({
callbacks: {
onImageUpload: function (files) {
sendFile(files[0], i);
}
}
});
}
);
function sendFile(img, i) {
var formData = new FormData();
formData.append("img", img);
$.ajax({
data: formData,
type: "POST",
url: "/admin/upload-editor",
cache: false,
contentType: false,
processData: false,
success: function (url) {
$('.editor').eq(i).summernote('insertImage', url);
}
});
}
});
编辑:
我以前的循环逻辑是错误的,所以我传递了一个键来迭代每个编辑器
$(document).ready(function () {
$('.editor').each(function (i) {
$('.editor').eq(i).summernote({
callbacks: {
onImageUpload: function (files) {
sendFile(files[0], i);
}
}
});
}
);
function sendFile(img, i) {
var formData = new FormData();
formData.append("img", img);
$.ajax({
data: formData,
type: "POST",
url: "/admin/upload-editor",
cache: false,
contentType: false,
processData: false,
success: function (url) {
$('.editor').eq(i).summernote('insertImage', url);
}
});
}
});