Javascript Angular 2-文件下载-没有任何后端帮助-可能吗?
我正在玩Angular 2,尝试创建示例应用程序来展示我自己,我已经完成了几乎所有的事情。最后,我尝试实现下载选项。为此,我挖了这么多,我得到了 根据那个例子,我试图复制它,但后来知道HTTP\u提供者遭到了弃用。有人能告诉我目前可用的等效模块是什么吗。引导我开始 请分享任何工作物品以供参考 到目前为止,我已经做到了Javascript Angular 2-文件下载-没有任何后端帮助-可能吗?,javascript,angular,typescript,filesaver.js,Javascript,Angular,Typescript,Filesaver.js,我正在玩Angular 2,尝试创建示例应用程序来展示我自己,我已经完成了几乎所有的事情。最后,我尝试实现下载选项。为此,我挖了这么多,我得到了 根据那个例子,我试图复制它,但后来知道HTTP\u提供者遭到了弃用。有人能告诉我目前可用的等效模块是什么吗。引导我开始 请分享任何工作物品以供参考 到目前为止,我已经做到了 import { Http, ResponseContentType } from '@angular/http'; export class AboutComponent imp
import { Http, ResponseContentType } from '@angular/http';
export class AboutComponent implements OnInit {
//constructor() { }
constructor(private dataService: dataService,private http: Http){}
about=[];
private filePath = './coreMachineDetails/machine109902.docx' // docx in my local folder
ngOnInit(){
//some codes
}
getFile(){
return this.http.get(this.filePath,{
responseType: ResponseContentType.Blob,
}).map(res =>{
return {
filename: 'machine109902.docx',
data: res.blob()
};
}).subscribe(res => {
console.log('start download:',res);
var url = window.URL.createObjectURL(res.data);
var a = document.createElement('a');
document.body.appendChild(a);
a.setAttribute('style', 'display: none');
a.href = url;
a.download = res.filename;
a.click();
window.URL.revokeObjectURL(url);
a.remove(); // remove the element
}, error => {
console.log('download error:', JSON.stringify(error));
}, () => {
console.log('Completed file download.')
});
}
}
鉴于
<button class="btn waves-effect waves-light btn-primary custom-btn" (click)="getFile()"><i class="fa fa-file-pdf-o"></i> Download manuals</button>
下载手册
因为您正在引用本地的文件。该文件已被framework阻止。在中查看更多信息
现在正在尝试云服务。就像从那里下载文件一样,您面临的确切错误是什么?此外,如果可能,请在我的浏览器网络中共享您的
关于组件的component.404模块文件。我';我检查了我的路线。这也是正确的。。关于代码就是我的“AboutComponent”中的内容。我的意思是,你的控制台日志中有什么。。毕竟您在代码中使用了这么多console.log。。那么日志上怎么说??