在 Javascript 中显示 HREF 的文件名

Question

我有一个带有这样下载按钮的页面：

<a href="http://www.example.nl/filename.pdf" download>DOWNLOAD</a>

下面，我希望 (text) 自动显示 "filename.pdf"（而不是必须手动执行数百次）。

我发现下面的脚本显示页面的文件名，但我希望它显示我在实际页面上使用的 HREF 的文件名。

非常感谢任何帮助。

<script type="text/javascript">

var segment_str = window.location.pathname;
var segment_array = segment_str.split( '/' );
var last_segment = segment_array.pop();
document.write(last_segment);

</script>

提前致谢！

Answer 1

不确定 "text" 显示在哪里...所以我把它放在 div

中

<a href="http://www.example.nl/filename.pdf" download>DOWNLOAD</a>


<div id="result">
</div>

最大的变化是获取所有 "a" 标签，使用 getElementsByTagName... 然后遍历列表，然后你可以使用字符串拆分，并在附加之前弹出最后一段它到达目的地。

var input = document.getElementsByTagName('a');
for(i = 0;i < input.length; i++)
{
    var segment_str = input[i].href;
    var segment_array = segment_str.split( '/' );
    var last_segment = segment_array.pop();
    document.getElementById("result").innerText += last_segment; 
}

Answer 2

也许这会有所帮助。

<div id=download1></div>

<script>
var filename = 'example.pdf';
$('#download1').html('<a href="http://www.example.nl/' + filename + '">' + filename + '</a>');
</script>

在 Javascript 中显示 HREF 的文件名

Displaying the filename of a HREF in Javascript

javascript

url

filenames