title: Store file content in a table(html table tr td) jquery
body: <p>I wanted to insert multiple files in database by uploading/adding the each file content to a table then after adding all files to the table i add the tables' value including the file content in a form data which i pass to ajax. I tried</p>
  <pre><code>var file = $('#file')[0].files[0];
  //var file = document.getElementById('file').files[0];
  var name = file.name;
  var size = file.size;
  var type = file.type;
  var blob = new Blob([file], {
      type: &quot;application/octet-binary&quot;
  });
  var filecontent = blob;
  </code></pre>
  <p><code>Here i used the value of filecontent to be passed to ajax but in php the condition if(!empty($_FILES) remaind false)</code></p>
  <p>and on console.log filecontent looks like <code>[object Blob]</code> i want to do to achieve my primary goal which is to store to database i already asked a question about it. I can be found <a href="https://stackoverflow.com/questions/29178712/upload-file-using-ajax-temporary-save-in-table">here</a> this is the problem why i asked the first one.</p>
  <p>My question is How to store file content to a variable in this case store the value of <code>$('#file')[0].files[0]</code> to <code>file</code>.</p>
  <p><code>UPDATE</code></p>
  <p>When i used the value of <code>var file = $('#file')[0].files[0];</code> i still get the same error</p>
  <p><code>UPDATE</code></p>
  <p>Is it possible to store the <code>input:file</code> into <code>table td</code> or <code>input</code> or <code>any other element</code> and reuse that file if needed</p>