PHPで、アップされた（POST）画像を指定サイズにリサイズして、その画像を表示しようとしています。

Question

###前提・実現したいこと
PHPで、アップされた（POST）画像を指定サイズにリサイズして、その画像を表示しようとしています。

###発生している問題・エラーメッセージ
結果ブラウザに表示されるのは、画像ではなく、以下になっています。

Resouse id #7

###該当のソースコード

$file_name = $_FILES["upload_file"]["name"];
$tmp_path = $_FILES["upload_file"]["tmp_name"];
$file_dir_path = "$dir_path/".$file_name;
$img="";

if(is_uploaded_file($tmp_path)){
    if( move_uploaded_file( $tmp_path, $file_dir_path)){
        chmod($file_dir_path, 0644);
        $img = '<img id=p_img src="'.$file_dir_path.'">'; 
        }
    }else{
        echo'move file error';
}
list($original_width, $original_height) = getimagesize($file_dir_path);
 echo $original_width;
 echo $original_height;
//元画像の比率を計算し、高さを設定
$new_width = 100;
$proportion = $original_width / $original_height;
$new_height = $new_width / $proportion;
 
//高さが幅より大きい場合は、高さを幅に合わせ、横幅を縮小
if($proportion < 1){
    $new_height = $new_width;
    $new_width = $new_width * $proportion;
}

$file_type = strtolower(end(explode('.', $file_dir_path)));
echo $file_type;
if ($file_type === "jpg" || $file_type === "jpeg") {
 
    $original_image = ImageCreateFromJPEG($file_dir_path); //JPEGファイルを読み込む
    $new_image = ImageCreateTrueColor($new_width, $new_height); // 画像作成
 
} elseif ($file_type === "gif") {
 
    $original_image = ImageCreateFromGIF($file_dir_path); //GIFファイルを読み込む
    $new_image = ImageCreateTrueColor($new_width, $new_height); // 画像作成
 
    /* ----- 透過問題解決 ------ */
    $alpha = imagecolortransparent($original_image);  // 元画像から透過色を取得する
    imagefill($new_image, 0, 0, $alpha);       // その色でキャンバスを塗りつぶす
    imagecolortransparent($new_image, $alpha); // 塗りつぶした色を透過色として指定する
 
} elseif ($file_type === "png") {
 
    $original_image = ImageCreateFromPNG($file_dir_path); //PNGファイルを読み込む
    $new_image = ImageCreateTrueColor($new_width, $new_height); // 画像作成
 
    /* ----- 透過問題解決 ------ */
    imagealphablending($new_image, false);  // アルファブレンディングをoffにする
    imagesavealpha($new_image, true);       // 完全なアルファチャネル情報を保存するフラグをonにする
 
} else {
    // 何も当てはまらなかった場合の処理は書いてませんので注意！
    return;
 
}
echo $new_image;
 
// 元画像から再サンプリング
ImageCopyResampled($new_image,$original_image,0,0,0,0,$new_width,$new_height,$original_width,$original_height);

echo $new_image;

// 画像をブラウザに表示
if ($file_type === "jpg" || $file_type === "jpeg") {
    // ImageJPEG($new_image);
} elseif ($file_type === "gif") {
    ImageGIF($new_image);
} elseif ($file_type === "png") {
    ImagePNG($new_image);
}
 
// メモリを開放する
imagedestroy($new_image);
imagedestroy($original_image);

?>

###試したこと
POSTされてきた画像データの受取は、ここでは省略していますが、受取確認はできています。

###補足情報(言語/FW/ツール等のバージョンなど)
以下の記事を参考にしています。
http://blog.shuffleee.com/1772/
http://www.kaasan.info/archives/2343
https://qiita.com/yuwaita/items/22a296bdf1898acbd70f

よろしくお願いいたします。（泣）

Answer 1

結果をどう表示してるのかはわからないので受取後はどのようにしてるかわかりませんが、
さくっと見た限り
$new_image
はリソースIDであり、途中echoで出力されてるので、その表示(Resouse id #7)がされるのかと思います。
ので、echoは全て無くして
imagepng
imagejpeg
imagegif
だけにしたらうまくいくような気がします(メモリを開放する処理は必要です

http://php.net/manual/ja/function.imagepng.php

Answer 2

imageXXX()自体が出力関数です。

echo $new_image;

などは付けてはいけません。
header()をつけてimageXXXで出力してください

header('Content-Type: image/png');
imagepng($im);
imagedestroy($im);