title: input type="file" id="select-image-base" class="file-upload html5-upload-input" accept="image/*" -- How to upload a file to this element in console?
body: <p>When I inspect a website, it shows <code>&lt;input type=&quot;file&quot; id=&quot;select-image-base&quot; class=&quot;file-upload html5-upload-input&quot; accept=&quot;image/*&quot;&gt;</code></p>
  <p>I want to upload an image file to this element found on their website, using a javascript function in Edge.</p>
  <p>If I type this into the console in Edge:</p>
  <pre><code>document.querySelector('.file-upload').click()
  </code></pre>
  <p>Edge simulates a click to the element.</p>
  <p>I can also simulate scrolling with a javascript console line of code.</p>
  <p>But how can I send a file to a file-upload element?</p>
  <p>I basically want to do the same thing to this element, but instead of a click, I want to send an image file to this drag-and-drop file upload box, using a line of javascript text in the console.</p>