画像リンクのクリックでファイルをダウンロードするときにエラーが発生する

Question

Angular UIプロジェクトのimgリンクをクリックしてExcelファイルをダウンロードしようとしています。私は、この名前のファイルが既に親フォルダの下のファイルフォルダに残りGroup Membership Upload Template.xlsx

を命名するために、ダウンロードされるだろうファイルをしたい

<div class="export-template-label" style="display:inline-block;margin:5px 5px -8px 0px;"> 
    <a download="Group Membership Upload Template.xlsx" href="../Files/Group Membership Upload Template.xlsx" target="_self"> 
     <img src="Images/excel.png" href="../Files/Group Membership Upload Template.xlsx" alt="logo" style="float:left;" /> 
    </a> 
</div> 

を試してみました。

リンクをクリックすると、Failed - No Fileと表示されます。

何が行われる必要がありますか？

Answer 1

このコードを試してください。

<div class="export-template-label" style="display:inline-block;margin:5px 5px -8px 0px;"> 
    <a href="../Files/Group Membership Upload Template.xlsx" target="_self" download> 
     <img src="Images/excel.png" alt="logo" style="float:left;" /> 
    </a> 
</div>