使用angularjs从本地显示图像

时间:2016-08-28 09:08:21

标签: javascript angularjs

尝试从本地驱动器预览图像。映像名称保存在本地数据库中。 功能是,首先我们创建一个用户,上传pic,然后我们可以编辑用户。当我们编辑用户时,我无法加载之前上传的相同图片。

angularjs控制器

vm.editUser = function(row, $scope, $sce) {
  vm.saveAction = false;
  vm.imageExist = true;
  vm.user = row.entity;
  vm.imagePath = "src/main/webapp/app/img/images/jerry.jpg";
};

用户界面

<tr>
   <td>
   <div ng-show="!usrc.saveAction">
   <img alt="" ng-src="{{usrc.imagePath}}" /> 
   </div>
   </td>
</tr>  

1 个答案:

答案 0 :(得分:0)

您使用的是网络服务器吗?如果是这样,您应该像这样访问它:

"localhost:portNumber/yourProjet/img/images/jerry.jpg"