浏览器不采用本地光盘的完整路径,而是将文件名与伪路径连接起来.有没有办法使用typescript或angular 2从fakepath访问文件(图像)?

我有这个:

<img src="{{path}}" />

my path变量存储"fakepath"的地方是:"C:\fakepath\pic.jpg".ts文件.

Edit

推荐答案

这应该是你想要的:

<input type='file' (change)="readUrl($event)">
<img [src]="url">
readUrl(event:any) {
  if (event.target.files && event.target.files[0]) {
    var reader = new FileReader();

    reader.onload = (event: ProgressEvent) => {
      this.url = (<FileReader>event.target).result;
    }

    reader.readAsDataURL(event.target.files[0]);
  }
}

Typescript相关问答推荐

React Hook中基于动态收件箱定义和断言回报类型

使用FormArray在Angular中添加排序

从接口创建类型安全的嵌套 struct

具有继承的基于类的react 组件:呈现不能分配给基类型中的相同属性

使用`renderToPipeableStream`时如何正确恢复服务器端Apollo缓存?

Next.js错误:不变:页面未生成

为什么在回调函数的参数中不使用类型保护?

在Typescript 中,有没有`index=unfined的速记?未定义:某个数组[索引]`?

ANGLE独立组件布线错误:没有ActivatedRouting提供程序

TypeScrip:来自先前参数的参数中的计算(computed)属性名称

如何将父属性类型判断传播到子属性

对象类型的TypeScrip隐式索引签名

为什么&Quot;元素隐式具有';Any';类型,因为...即使我已经打字了,也不能作为索引显示错误吗?

NPM使用Vite Reaction应用程序运行预览有效,但我无法将其部署到Netlify

如何将通用接口的键正确设置为接口的键

创建一个函数,该函数返回一个行为方式与传入函数相同的函数

基于闭包类型缩小泛型类型脚本函数的范围

有没有更干净的方法来更新**key of T**的值?

如何将元素推入对象中的类型化数组

typeof 运算符和泛型的奇怪行为