Summernote Resim Yüklememe Sorunu R10+

27-11-2022, 20:28:21

Selam arkadaşlar, summernote ile resim yüklediğimde resmi base64 olarak upload ediyor ve resmi sayfamda görüntüleyemiyorum. Yardımcı olabilir misiniz?

03-03-2023, 12:08:33

#2

nickelaj

Merhaba,
Çözüm bulabildiniz mi bilmiyorum ama 2 gündür bununla uğraşıyorum. 2 farklı şekilde denedim. Birisinde base64 olarak alıyor tam razı olacağım bu sefer de dosya boyutu beğenmiyor, diğer türlü denediğim tam istediğim gibi belirttiğim yola dosyayı kaydediyor ama onun da adını textarea içine almıyor bu sefer sayfada gösteremiyorum. Bu konuda yardımcı olabilecek kimse var mı ?

Dosya Kaydediyor adını textarea almıyor :

index.php

<script type="text/javascript">
$(document).ready(function() {
$("#summernote").summernote({
  placeholder: 'enter directions here test...',
  toolbar: [
        ['style', ['style']],
        ['font', ['bold', 'underline', 'clear']],
        ['fontname', ['fontname']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['table', ['table']],
        ['insert', ['link', 'picture', 'video']],
        ['view', ['fullscreen', 'codeview', 'help']],
      ],
        height: 300,
       callbacks: {
       onImageUpload : function(files, editor, welEditable) {
      for(var i = files.length - 1; i >= 0; i--) {
        sendFile(files[i], this);
            }
        }
    }
    
    });
});

function sendFile(file, el) {
var form_data = new FormData();
form_data.append('file', file);
$.ajax({
    data: form_data,
    type: "POST",
    url: 'https://www.siteadresim.com/function/editor-upload.php',
    cache: false,
    contentType: false,
    processData: false,
    success: function(url) {
        $(el).summernote('editor.insertImage', url);
    }
});
}
</script>

editor-upload.php

<?php 
if(empty($_FILES['file']))
{
    exit();    
}
$temp = explode(".", $_FILES["file"]["name"]);
$newfilename = round(microtime(true)) . '.' . end($temp);
$destinationFilePath = './img-uploads/'.$newfilename ;
if(!move_uploaded_file($_FILES['file']['tmp_name'], $destinationFilePath)){
    echo $errorImgFile;
}
else{
    echo $destinationFilePath;
}

?>

03-03-2023, 12:59:28

#3

ozgur_medya

nickelaj adlı üyeden alıntı: mesajı görüntüle

Merhaba,
Çözüm bulabildiniz mi bilmiyorum ama 2 gündür bununla uğraşıyorum. 2 farklı şekilde denedim. Birisinde base64 olarak alıyor tam razı olacağım bu sefer de dosya boyutu beğenmiyor, diğer türlü denediğim tam istediğim gibi belirttiğim yola dosyayı kaydediyor ama onun da adını textarea içine almıyor bu sefer sayfada gösteremiyorum. Bu konuda yardımcı olabilecek kimse var mı ?

Dosya Kaydediyor adını textarea almıyor :

index.php

<script type="text/javascript">
$(document).ready(function() {
$("#summernote").summernote({
  placeholder: 'enter directions here test...',
  toolbar: [
        ['style', ['style']],
        ['font', ['bold', 'underline', 'clear']],
        ['fontname', ['fontname']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['table', ['table']],
        ['insert', ['link', 'picture', 'video']],
        ['view', ['fullscreen', 'codeview', 'help']],
      ],
        height: 300,
       callbacks: {
       onImageUpload : function(files, editor, welEditable) {
      for(var i = files.length - 1; i >= 0; i--) {
        sendFile(files[i], this);
            }
        }
    }
    
    });
});

function sendFile(file, el) {
var form_data = new FormData();
form_data.append('file', file);
$.ajax({
    data: form_data,
    type: "POST",
    url: 'https://www.siteadresim.com/function/editor-upload.php',
    cache: false,
    contentType: false,
    processData: false,
    success: function(url) {
        $(el).summernote('editor.insertImage', url);
    }
});
}
</script>

editor-upload.php

<?php
if(empty($_FILES['file']))
{
    exit();    
}
$temp = explode(".", $_FILES["file"]["name"]);
$newfilename = round(microtime(true)) . '.' . end($temp);
$destinationFilePath = './img-uploads/'.$newfilename ;
if(!move_uploaded_file($_FILES['file']['tmp_name'], $destinationFilePath)){
    echo $errorImgFile;
}
else{
    echo $destinationFilePath;
}

?>

Ben ckeeditore gectim hocam

04-03-2023, 00:18:00

#4

OneGui

bir ara yapmıştım aslında
ücretli destek sağlarım

04-03-2023, 01:44:29

#5

emregunery

Summernote arka planda dosya saklamaz kendi betikleyicisi ile çalıştırır.Base64'ü decode edemezsiniz.

04-03-2023, 09:58:40

#6

nickelaj

OneGui adlı üyeden alıntı: mesajı görüntüle

bir ara yapmıştım aslında
ücretli destek sağlarım

Teşekkürler, alternatif editöre geçtim ben de.

04-03-2023, 10:03:52

#7

nickelaj

emregunery adlı üyeden alıntı: mesajı görüntüle

Summernote arka planda dosya saklamaz kendi betikleyicisi ile çalıştırır.Base64'ü decode edemezsiniz.

Teşekkürler ama örnek yerli yabancı sitelerde gördüğüm image upload, hatta ek modüllerle file upload bile yapılıyormuş, base64 olarak kaydedince büyük dosyalar için ayrı ayar gerekiyor, bu da veritabanında ekstra yüke yol açıyor. O yüzden ben de belirttiğim gibi başka editöre geçtim.

Örnek olarak akşam çok araştırmıştım paylaşabilirim bazı linkleri eğer forum kurallarına aykırı değilse, belki başka denemek isteyenler olabilir:

04-03-2023, 12:52:55

#8

emregunery

nickelaj adlı üyeden alıntı: mesajı görüntüle

Teşekkürler ama örnek yerli yabancı sitelerde gördüğüm image upload, hatta ek modüllerle file upload bile yapılıyormuş, base64 olarak kaydedince büyük dosyalar için ayrı ayar gerekiyor, bu da veritabanında ekstra yüke yol açıyor. O yüzden ben de belirttiğim gibi başka editöre geçtim.

Örnek olarak akşam çok araştırmıştım paylaşabilirim bazı linkleri eğer forum kurallarına aykırı değilse, belki başka denemek isteyenler olabilir:

Stackoverflow gibi geliştirilerin kullanabileceği tarz site ise paylaşabilirsin.