使用window.location.href下载文件 如何获取文件名 在下载页面显示
时间: 2023-11-27 12:55:15 浏览: 82
可以使用以下代码获取文件名并在下载页面显示:
```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下载文件 如何获取文件名
可以通过以下方式获取文件名:
```
// 获取完整文件路径
var filePath = window.location.href;
// 从文件路径中获取文件名
var fileName = filePath.substring(filePath.lastIndexOf('/')+1);
```
这里使用了 `substring` 方法和 `lastIndexOf` 方法来从完整的文件路径中获取文件名。`lastIndexOf` 方法返回指定字符串在字符串中最后出现的位置,如果没有找到指定字符串则返回 -1。在这里,我们使用它来找到最后一个斜杠 `/` 出现的位置,然后再使用 `substring` 方法来获取该位置之后的所有字符,即文件名。
window.location.href 实现文件下载 可修改文件名 示例代码
window.location.href 是 JavaScript 中的一个对象,它代表当前窗口中加载的文档的位置(URL)。通过修改 window.location.href 的属性值,可以在当前窗口或新窗口中打开一个新的 URL。
如果要使用 window.location.href 实现文件下载,可以将文件的 URL 赋值给该属性,浏览器会自动下载该文件。同时,还可以在 URL 后面添加参数来指定文件的名称。
以下是一个示例代码:
```javascript
function downloadFile(fileUrl, fileName) {
// 构造文件下载链接
var link = document.createElement('a');
link.setAttribute('href', fileUrl);
link.setAttribute('download', fileName);
// 模拟点击下载链接
link.click();
}
// 使用示例
downloadFile('http://example.com/file.pdf', '新文件名.pdf');
```
在上面的代码中,我们通过创建一个 a 标签并设置其 href 和 download 属性来实现文件下载。其中,fileUrl 参数是文件的下载链接,fileName 参数是可选的,用于指定文件的名称。如果没有指定 fileName,则默认使用原始文件名。
阅读全文