Question

我想从本地系统读取文件。每当我提供路径时，它就会显示错误，要求输入“ URL”类型。但是我想从本地系统读取文件。我是新来的

我在堆栈溢出中搜索了各种资源，但没有找到任何解决方法

app.compontent.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  pdfSrc: string = 'C:\Users\Karthik\Desktop\pdf-test.pdf';
}

app.compontent.html

<!--The content below is only a placeholder and can be replaced.-->
<div>
  <label>PDF src</label>
  <input type="text" placeholder="PDF src" [(ngModel)]="pdfSrc">
</div>
<pdf-viewer [src]="pdfSrc" 
          [render-text]="true"
          style="display: block;"
></pdf-viewer>

zone.js：1152 Fetch API无法加载file：/// C：/UsersKarthikDesktoppdf-test.pdf。对于CORS请求，URL方案必须为“ HTTP”或“ https”。

Answer 1

Angular无法访问应用程序范围之外的文件，您可以要求用户浏览（）文件并在angular应用程序中处理

无法读取本地系统的pdf文件（ng2-pdf-viewer）

1 个答案: