时间戳

首页 > 解决方案 > 如何使用 angularjs 知道我的文件下载 URL 无效

javascript - 如何使用 angularjs 知道我的文件下载 URL 无效

问题描述

我的 AngularJS 组件中有一个链接到文件的锚标记，但我希望能够检测该位置的文件是否存在以发出警报消息。如何才能做到这一点？

<a ng-href="{{row.General_FileJson.DiskPath}}" download="{{row.General_FileJson.Name}}">file download</a>

标签： javascriptangularjsfile

解决方案

您可以使用 JavaScript（或者更确切地说是 TypeScript）对 url 进行异步调用并检查状态代码：

var request = new XMLHttpRequest();  
request.open('HEAD', 'http://www.mozilla.org', true);
request.onreadystatechange = function(){
    if (request.readyState === 4){
        if (request.status === 404) {  
            alert("This file does not exist!");
        }  
    }
};
request.send();

上面的示例只是普通的 JavaScript，但您当然也可以使用库甚至专用的 Angular 服务。

推荐阅读