如果用户单击可下载的链接,例如
<a href="downloadable.txt">Download</a>
在“另存为”对话框之前,是否有客户端(html 或 javascript)方法来更改文件的名称?
如果用户单击可下载的链接,例如
<a href="downloadable.txt">Download</a>
在“另存为”对话框之前,是否有客户端(html 或 javascript)方法来更改文件的名称?
HTML5 提供了a[download]
让您重命名文件的属性。此示例将下载link.txt
并重命名它something.txt
。
<a download="something.txt" href="link.txt">asdf</a>
请注意,这仅适用于同源 URL(即不能跨越不同域)。
不,您不能从客户端(HTML 或 javascript)更改此设置。您需要从服务器更改它。一种方法是使用服务器端脚本来设置 Content-Disposition HTTP 响应头:
Content-Disposition: attachment; filename=somecustomname.txt
您可以使用 eligrey 编写的 Filesaver.js 脚本(我在此处的示例中使用 angularjs)您可以使用 XmlHttpRequest 对象在经典 javascript 中实现相同的功能
//In your html code , add these : ->
<script src="https://rawgit.com/eligrey/FileSaver.js/master/FileSaver.js" type="text/javascript"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-animate.js"></script>
//In your Javascript:-
$http({
url: "url where the file is located",
method: "GET",
responseType: "blob"
}).then(function (response) {
saveAs(response.data,"newfilename.extension");
})