Question

我正在尝试上传图片并将其显示在屏幕上，但它无法正常工作。有人可以帮忙吗？我试图以此示例为基础构建我的解决方案：http://jsfiddle.net/kkhxsgLu/2/

查看

var foo = 
     report != null && 
     report.Breakdown != null &&
     report.Breakdown.ContainsKey(reportName.ToString()) ?
     report.Breakdown[reportName.ToString()].Result ?? "Default" :
     "Default";

控制器

<div class="col-sm-6">
  Upload image:
  <br><br>
  <input id="file" type="file" accept="image/*" ng-model="file" ng-onchange="vm.imageUpload(this)"/>
  <br>
  <img ng-src="{{ file }}" />
</div>

Answer 1

我通过查看以下问题的答案来修复它：ng-model for <input type="file"/>。只需安装以下指令：https://github.com/mistralworks/ng-file-model/并在视图中设置我的代码，如下所示：

  <input type="file" ng-file-model="file"/>
  <br>
  <img ng-src="{{ file.data }}" />

尝试上传图片并将其显示在屏幕上

1 个答案: