使用window.location.href下载文件 如何获取文件名
时间: 2023-06-29 15:03:57 浏览: 183
可以通过以下方式获取文件名:
```
// 获取完整文件路径
var filePath = window.location.href;
// 从文件路径中获取文件名
var fileName = filePath.substring(filePath.lastIndexOf('/')+1);
```
这里使用了 `substring` 方法和 `lastIndexOf` 方法来从完整的文件路径中获取文件名。`lastIndexOf` 方法返回指定字符串在字符串中最后出现的位置,如果没有找到指定字符串则返回 -1。在这里,我们使用它来找到最后一个斜杠 `/` 出现的位置,然后再使用 `substring` 方法来获取该位置之后的所有字符,即文件名。
相关问题
使用window.location.href下载文件 如何获取文件名 在下载页面显示
可以使用以下代码获取文件名并在下载页面显示:
```javascript
// 获取文件名
const url = window.location.href;
const filename = url.substring(url.lastIndexOf('/')+1);
// 在下载页面显示文件名
const downloadLink = document.createElement("a");
downloadLink.href = url;
downloadLink.download = filename;
downloadLink.innerHTML = "Download File";
document.body.appendChild(downloadLink);
```
这段代码会从当前页面的 URL 中获取文件名,并创建一个下载链接,然后将其添加到页面上。在下载链接上点击时,会下载文件并将其保存为获取到的文件名。
window.location.href下载文件名乱码
当使用window.location.href下载文件时,如果文件名出现乱码,通常是由于服务器的编码问题引起的。解决这个问题的方法是在Tomcat服务器的配置文件server.xml中,将URIEncoding的值设置为utf-8。通过这样的设置,可以确保文件名能够正确地被解析和显示,从而避免乱码的问题。
阅读全文
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)