Angular 2 - 如何使用打字机中的FileReader从给定的URL读取文件?
问题描述:
我有jenkins构建其中包含构建工件。工件包含一个文本文件。我想访问这个文件并阅读文件。此文件包含一些版本标记。我想在Angular 2打字稿应用程序中显示此文件内容。一旦 http://localhost:8080/job/myjobname/job/develop/59/artifact/build/docker/myFileName.txtAngular 2 - 如何使用打字机中的FileReader从给定的URL读取文件?
,因为我打了浏览器这个URL将下载的文本文件 -
詹金斯REST API来访问神器文件。
我想在我的Angular 2打字稿应用程序中只读这个给定的URL。如何使用FileReader从URL读取此文件?还有其他更好的方法吗?
答
FileReader
只能读Blob(Blob
和子类File
对象)。要阅读网址,您可以使用新的fetch()
或经典XMLHttpRequest()
。您当然可以将内容作为blob请求,然后通过FileReader
进行阅读,但如果内容是文本,则直接阅读文本更有意义。
通常有CORS restriction你也必须处理,除非URL指向与呼叫页面相同的起源地址。
谢谢:)使用XMLHttpRequest()尝试并且出现此错误请求的资源上没有“Access-Control-Allow-Origin”标头。原因'http:// localhost:8100'因此不允许访问。' – Mythri
@ user1731770这就是为什么我在答案中提到CORS限制的原因。只需阅读链接中的要求 - 基本上,您需要设置服务器以允许跨源请求。 – K3N