コードをテキスト入力フォームに入力する方法は？

Question

私は、この入力

にして、私の「$のImagePath」を書き出すの最善の方法を知ってほしい。これは私のアップロードのスクリプト

<?php 
     if(isset($_POST['submit'])){ 
      if (isset ($_FILES['new_image'])){ 
       $imagename = $_FILES['new_image']['name']; 
       $source = $_FILES['new_image']['tmp_name']; 
       $target = "temporary_images/".$imagename; 
       move_uploaded_file($source, $target); 

       $imagepath = $imagename; 
       $save = "temporary_images/" . $imagepath; //This is the new file you saving 
       $file = "temporary_images/" . $imagepath; //This is the original file 

       list($width, $height) = getimagesize($file) ; 

       $modwidth = 350;       
       $modheight = 100; 

       $tn = imagecreatetruecolor($modwidth, $modheight) ; 
       $image = imagecreatefromjpeg($file) ; 
       imagecopyresampled($tn, $image, 0, 0, 0, 0, $modwidth, $modheight, $width, $height) ; 

       imagejpeg($tn, $save, 100) ; 

       $save = "temporary_images/sml_" . $imagepath; //This is the new file you saving 
       $file = "temporary_images/" . $imagepath; //This is the original file 

       list($width, $height) = getimagesize($file) ; 

       $modwidth = 80; 
       $modheight = 100; 

       $tn = imagecreatetruecolor($modwidth, $modheight) ; 
       $image = imagecreatefromjpeg($file) ; 
       imagecopyresampled($tn, $image, 0, 0, 0, 0, $modwidth, $modheight, $width, $height) ; 

       imagejpeg($tn, $save, 100) ; 
      echo "Large image: <img src='temporary_images/".$imagepath."'><br>"; 
      echo "$imagepath" 
      } 
     } 

であり、これは私のフォーム

<form> 
<input name="animeinput" id="animeinput" size="20" class="textbox"> 
</form> 

Answer 1

た場合でありますあなたはマークアップに利用可能な変数を持っています：

<form> 
    <input name="animeinput" id="animeinput" size="20" class="textbox" value="<?php echo htmlspecialchars($imagePath); ?>" /> 
</form> 

Answer 2

注意これを行うときにキャッシュとタイミングに問題が生じることがよくあります（フォームを送信した後に実際に画像を見るのに問題がある場合は、以下を参照してください）。結果のページがロードされる時間。 jquery/ajaxで画像を更新してこの問題を回避しました。

フォームが投稿され、画像がアップロードされると、画像への参照を隠しタグ#large_imageに保存します。次に、あなたの場合は

$(document).ready(function(){ 

    //read in hidden reference to image URL 
var large_photo = $("#large_image").val(); 

    //display relevent image (use placeholder if no image uploaded yet) 
if (large_photo != "") { 
    $("#photo_holder").html('<img src="' + large_photo + '" />'); 
} else { 
    $("#photo_holder").html('<img src="noimagefound.png" />'); 
} 

}); 

....このjqueryのを使用し、その後、代わりに画像srcをエコーのあなたは、イメージへのパスに隠されたタグをエコーでしょう。

希望するもの：