• 26-12-2019, 20:03:10
    #1
    Üyeliği durduruldu
    Arkadaşlar php ile resim upload edip gösterebiliyorum ancak ben upload edilen resmin önizlemesini gösterebilir miyim?
    Böyle bir şey yapılabilir mi?

    Not: Upload ettiğim resmi şöyle gösteriyorum.
    $posted = "resim1";
    $dizinsec = $_POST["dizinsec"];
    if ($_FILES["resim1"]['name']){
    $filename=$_FILES["$posted"]['name'];
    $resim = "$dizinsec".$filename;
    move_uploaded_file($_FILES["$posted"]['tmp_name'],"$dizinsec".$filename);
  • 26-12-2019, 20:05:58
    #2
    resim yolunu img src içinde bastırarak gösterebilirsin
  • 26-12-2019, 20:07:42
    #3
    Üyeliği durduruldu
    CanOffline adlı üyeden alıntı: mesajı görüntüle
    resim yolunu img src içinde bastırarak gösterebilirsin
    Bu dediğinizi anlamadım hocam. Önerdiğiniz bir kaynak var mı oradan bakayım.
  • 26-12-2019, 20:14:35
    #4
    sorgunun sonuna bunu yazın echo
    ?>
    <img src"<?php echo $resim ?>">
    <?php
  • 26-12-2019, 21:07:27
    #5
    Üyeliği durduruldu
    CanOffline adlı üyeden alıntı: mesajı görüntüle
    sorgunun sonuna bunu yazın echo
    ?>
    <img src"<?php echo $resim ?>">
    <?php
    Sayın hocam çözümün harika. Çok teşekkürler.
  • 26-12-2019, 21:17:21
    #6
    Bu işlemi JavaScript ile frontend kısmında yapmak lazım hocam.

    Ufak bir örnek yazdım test etmeniz için; https://jsfiddle.net/63yusufsari63/hb3x581p/4/

    Html kodlar;
    <input type='file' id="image" />
    
    <img id="preview" src="#" alt="your image" style="display:none;"/>
    Javascript kodlar;
    function preview(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
    
            var img = $('#preview');
            reader.onload = function(e) {
                img.attr('src', e.target.result);
                img.css("display", "block");
                
            }
    
            reader.readAsDataURL(input.files[0]);
        }
    }
    
    $("#image").change(function() {
        preview(this);
    });
  • 26-12-2019, 21:45:59
    #7
    Upload etmeden fotonun ön izlemesini göstermek istersen linkteki scripti inceleyebilirsin.

    https://www.turkiyedeeniyi.com/php-v...lestirdik.html
  • 27-12-2019, 00:00:31
    #8
    Hocamın isteği biraz farklıymış ama iletişime geçip hallettim.