Как установить img src в php-сеанс в jQuery

Question

Я создал программу на php. В этой программе я хочу просмотреть загруженное изображение перед отправкой в ​​php. Вот мой код для html-формы.

<form id="form1" enctype="multipart/form-data"> 
    <label>Upload your closeup photo</label> 
    <input onchange="readURL(this);" type="file" name="myfile"/> 
</form> 

<img alt="Image Display Here" id="test" src="assets/images/nopic.jpg" height="500px" width="450px" style="display:block;"/> 

<form action = "matrimony_action.php" method="post" name = "matrimony" onsubmit="return validate()" enctype="multipart/form-data"> 
    <input class="btn btn-action pull-left" type="submit" value="Submit" name="submitted8" id="submitted8"> 
</form> 

Это мой Java-код функции называется на 'типа входного файла'

function readURL(input) 
{ 
    if (input.files && input.files[0]) 
     { 
      var reader = new FileReader(); 

      reader.onload = function (e) 
      { 
       $('#test').attr('src', e.target.result); 
       //$("#test").css("display", "block"); 
       $('#test').css({"display":"block"}); 
      } 
      reader.readAsDataURL(input.files[0]); 
     } 
     $.session.set("img", "hello"); // i am not sure about this statement. 
} 

и в файле PHP. Я написал следующие строки.

<?php 
    $photo1 = $_SESSION["img"]; 
    echo $photo1; 
?> 

Изображение предварительно просматривает перед отправкой формы. при последнем я получаю ошибку «Неопределенный индекс: img». , пожалуйста, помогите мне.

Answer 1

Вы должны использовать только одну форму, так что myfile будет отправлен также matrimony_action.php, например:

<form action = "matrimony_action.php" method="post" name = "matrimony" onsubmit="return validate()" enctype="multipart/form-data"> 
    <label>Upload your closeup photo</label> 
    <input onchange="readURL(this);" type="file" name="myfile"/> 

    <input class="btn btn-action pull-left" type="submit" value="Submit" name="submitted8" id="submitted8"> 
</form> 

<img alt="Image Display Here" id="test" src="assets/images/nopic.jpg" height="500px" width="450px" style="display:block;"/> 

ПРИМЕЧАНИЕ: Вам не нужно сессии, так как файл IMG будет занесена с формой.

Надеюсь, это поможет.