使用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" />

感謝您的答復

Answer 1

我想您會錯過Script opening tag和一些錯誤。 嘗試這個

    <?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" />