title: How do I set header and put the data for file object from <input type='file'>
body: <p>Hi I am trying to add file data from &lt;input type='file' id='upfile' name='upfile&gt;'</p>
  <p>So in this case, I think I have to do like</p>
  <pre><code>let $upfile = $('input[name=&quot;upfile&quot;]');
  let uploadingfile = $upfile.prop('files')[0];
  // or
  // let uplodingfile = document.getElementById('upfile').files[0]
  </code></pre>
  <p>Then can I save uploadingfile into the tabulator cell?
  (Not only filename or file pathm, but actual data as well)?</p>
  <p>If using just javascript, I can do like below</p>
  <pre><code>let $upfile = $('input[name=&quot;upfile&quot;]');
  let fd = new FormData();
  fd.append(&quot;upfile&quot;, $upfile.prop('files')[0]);
  
  $('#upButton').on('click', function () {
      $.ajax({
          url:'index.php',
          type:'post',
          data: fd,
  </code></pre>