title: uploading and retrieving image using angular 6 php mysql
body: <p>I want to upload an image using angular 6 via php to mysql. After that, I want to retrieve the image
  from the database to display it in the html. Here is my code:</p>
  
  <pre><code>export class Student {
  
        idCard : string;
        fname : string;
        mname : string;
        lname : string;
        gender : string;
        studentPhoto?: File; //what type of data should I use
  }
  </code></pre>
  
  <p>For displaying the photo
  student-details.component.html</p>
  
  <pre><code>&lt;div class="col-xs-4"&gt;
    &lt;img class="imageClass" src="student.studentPhoto" alt="Image not Recognized"/&gt;
  &lt;/div&gt;
  &lt;!-- how can I set the src attribute --&gt;
  </code></pre>
  
  <p>So, what data type should I use in the angular and also in the MYSQL to store the image? and How can I display the image
  by fetching it from MYSQL? </p>