title: web share API is not working for images saved on server
body: <p>I am trying to use navigator.share option for my ecommerce website. I am able to send title,url and text but images are not getting attach. Please refer the code below</p>
  <pre><code>&lt;html&gt;
  
  
  &lt;body&gt;
      &lt;div&gt;
  
          &lt;div&gt;
              &lt;button class=&quot;share-btn&quot; id=&quot;shareFilesButton&quot;&gt;Share Files&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      
      &lt;script&gt;
       
      const shareBtn = document.querySelector('.share-btn');
  
      shareBtn.addEventListener('click', () =&gt; {
      
      // var file = new File([blob], &quot;img1.jpeg&quot;, {type: 'image/jpeg'});
      // var filesArray = [file];
     if(navigator.canShare) {
      navigator.share({
        title: 'My awesome post!',
        text: 'This post may or may not contain the answer to the universe',
        url: window.location.href,
          files: ['img1.jpeg']
      }).then(() =&gt; {
        console.log('Thanks for sharing!');
      })
      .catch(err =&gt; {
        console.log(`Couldn't share because of`, err.message);
      });
    } else {
      console.log('web share not supported');
    }
  });
  &lt;/script&gt;
  &lt;/body&gt;
  
  
  &lt;/html&gt;
  </code></pre>
  <p>In above example i am trying to send image which is already share on server. Also few places  i am getting <strong>files:</strong> as key and few places its <strong>file</strong> to send the image.
  I have tried both but none of them is working.</p>