title: Unable to use 'download' attribute with <a> Element
body: <p>My website, which is hosted on AWS EC2 allows files stored in AWS S3 to be downloaded. The download link is something like this.</p>
  <pre><code>&lt;a href=&quot;https://example.s3.us-east-2.amazonaws.com/client/attachments/160/uBhl0qvQjfdYUN1j.docx&quot; download=&quot;My_download_file&quot;&gt;&lt;/a&gt;
  </code></pre>
  <p>The link works, but the file is downloaded with the original filename (e.g. uBhl0qvQjfdYUN1j.docx). I want to download the file with a specified name, e.g. <strong>My_downlaod_file</strong> or <strong>My_download_file.docx</strong>. Specifying extension with &quot;download&quot; does not help:</p>
  <pre><code>&lt;a href=&quot;https://example.s3.us-east-2.amazonaws.com/client/attachments/160/k8J98BYnmMyUnQlSkTYGKViEuBhl0qvQjfdYUN1j.docx&quot; download=&quot;downloadfile.docx&quot;&gt;&lt;/a&gt;
  </code></pre>
  <p>However, when I use the <strong>a</strong> tag to download a file that is available on the server (my server on AWS EC2 as well as my local server on my Mac), it works:</p>
  <pre><code> &lt;a href=&quot;images/COTA-HORIZONTAL-350px.png&quot; download=&quot;my_download&quot;&gt;AAAA&lt;/a&gt;
  </code></pre>
  <p>The above code downloads COTA-HORIZONTAL-350px.png as my_download.png.</p>
  <p>It appears that the issue is related to a file that is being downloaded from AWS S3. Is this anything to do with 'same-origin-policy' or  AWS-S3 issue, or I am missing something?</p>