PHP와 Javascript를 사용하는 이미지 디스플레이

Question

다음은 계획입니다. 제출 버튼을 클릭 한 다음 폴더에 이미지를 저장하는 동안 이미지를 표시합니다. 문제는 이미지를 표시하고 저장할 수 없다는 것입니다.

<?php 
$UPLOADDIR = "images/"; 
if(isset($_POST['Submit'])){ 
    foreach ($_FILES as $key => $value){ 
      $image_tmp = $value['tmp_name']; 
      $image_type=$value['type']; 
      $image = $value['name']; 
      $image_file = "{$UPLOADDIR}{$image}"; 

move_uploaded_file($image_tmp,$image_file) 

echo " $(function() { 
     $(':file').change(function() { 
      if (this.files && this.files[0]) { 
       var reader = new FileReader(); 
       reader.onload = imageIsLoaded; 
      reader.readAsDataURL(this.files[0]); 
        } 
       }); 
      }); 

     function imageIsLoaded(e) { 
      $('#myImg').attr('src', e.target.result); 
     }; 

     </script> "; 




?> 
<img id="myImg" src="#" alt="your image" /> 

나는 당신이 Script opening tag 몇 가지 실수를 그리워 생각하는 응답

Answer 1

주셔서 감사합니다 :

여기 내 코드입니다. 이것을 사용해보십시오

<?php 
$UPLOADDIR = "images/"; 
if(isset($_POST['Submit'])){ 
    foreach ($_FILES as $key => $value){ 
      $image_tmp = $value['tmp_name']; 
      $image_type=$value['type']; 
      $image = $value['name']; 
      $image_file = "{$UPLOADDIR}{$image}"; 

move_uploaded_file($image_tmp,$image_file); 
echo "<script type='text/javascript'>$(function() { 
     $(':file').change(function() { 
      if (this.files && this.files[0]) { 
       var reader = new FileReader(); 
       reader.onload = imageIsLoaded; 
      reader.readAsDataURL(this.files[0]); 
        } 
       }); 
      }); 

     function imageIsLoaded(e) { 
      $('#myImg').attr('src', e.target.result); 
     }; 

     </script>"; 

    } 
} 
?> 
<img id="myImg" src="#" alt="your image" />