技術標籤：前端html

今天在寫專案時遇到的問題：
（暫未解決）

貼程式碼。

連結是一個pdf地址，點選連結，直接打開了該pdf，想要實現點選直接下載該pdf

<a href="http://file.xxx.pdf" download>點選下載</a>

一般的檔案可以直接使用連結進行下載，但圖片、pdf等可以直接開啟的檔案只會預覽，不會直接下載。

在網上找了很多解決辦法（應該是跨域導致的）：
如：

<a href="javascript:void(0)"  download onclick="downloadFile('http://file.xxx.pdf')"
 
>點選下載</a>

function downloadFile(url) {
  var x = new XMLHttpRequest();
  x.open("GET", url, true);
  x.responseType = 'blob';
  x.onload=function(e) {
      var url = window.URL.createObjectURL(x.response)
      var a = document.createElement('a');
      a.href = url;
      a.click
 
();
  }
  x.send();
}

不知道是不是使用錯誤。。。
使用類似的方法都會報跨域錯誤，試了試jsonp，還是報錯。

求解。。後續有答案了 我再更 小白的困惑