如果文件已在页面中下载，如何更新下载图标

Question

我的服务器中有书籍资料列表。当我点击该文件时，它会自动下载。但我需要更改下载图标，如图标应指定文件已下载。如何更新使用jquery

Answer 1

您应该可以在没有javascript的情况下执行此操作。只需使用访问链接伪选择器。一旦用户点击下载，它就是一个“访问过的”链接，显示应该会改变。

jsfiddle不允许链接导航，但这应该给你一个想法。

http://jsfiddle.net/pBCap/

a {
    display: block;
    height: 50px;
    width: 300px;
    background: url('http://placehold.it/300x50/ff0000/000000&text=Download');
}

a:visited { 
    background: url('http://placehold.it/300x50/ff00ff/000000&text=Download');
}

​

Answer 2

将标记放在div标记内并相应地更改div标记的innerHTML。

1. 初始状态 -

    onpageLoad(){
   
        <div id="iconDiv"><img src="readToDownload.png"</div>
   
    }  
   

2. 当用户点击下载时，onClick事件更改了div的innerHTML

    onClick(){
   
       div.innerHTML = "<img src='downloading.png'/> ";
   
    }