如何在图像源中显示选择的图像答案

【问题标题】：How to Display Chosen Image in Image Source如何在图像源中显示选择的图像
【发布时间】：2018-07-05 08:49:02
【问题描述】：

我想在input 中显示选择文件的时间。为什么不显示？我的代码：

<input type="file" id="logo" name="logo" ng-model="service.logo" required="required">
<img ng-src="{{service.logo}}">

【问题讨论】：

标签： angularjs

【解决方案1】：

因为传递给value 的唯一内容是文件名

如果您想要预览（上传前），您需要使用FileReader API 读取文件并将其解析为数据 url 并将其传递给图像元素

【讨论】：

【解决方案2】：

因为在这种情况下，您只是从用户那里获取输入。您需要编写代码来打开文件、读取文件并显示在视图上。由于要在用户浏览并选择图像时显示图像，因此需要触发 fileSelect。另外，看看这个，我认为这就是你想要的。 How to read a file in AngularJS?

【讨论】：