单击图像链接时出现文件下载错误

Question

我试图在Angular UI项目中点击img链接下载excel文件。我试过了

<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>

我希望将要下载的文件命名为Group Membership Upload Template.xlsx

具有此名称的文件已保留在父文件夹下的“文件”文件夹中。

但点击链接后会显示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>