AngularJS v1.5.0版本中,在图片上传和转换为base64后,ng-model不起作用。
创始人
2024-10-27 03:31:32
0

在AngularJS v1.5.0版本中,ng-model在图片上传和转换为base64后可能不起作用的问题可以通过以下解决方法解决:

  1. 使用ng-change指令:在上传图片后,将base64编码赋值给ng-model,并在ng-change指令中执行相应的逻辑。



$scope.convertToBase64 = function(file) {
  var reader = new FileReader();
  reader.onload = function(e) {
    $scope.imageBase64 = e.target.result;
    // 执行相应的逻辑
  };
  reader.readAsDataURL(file);
};
  1. 使用$watch监听ng-model的变化:在上传图片后,通过$watch监听ng-model的变化,并在回调函数中执行相应的逻辑。



$scope.$watch('file', function(newVal, oldVal) {
  if (newVal !== oldVal) {
    var reader = new FileReader();
    reader.onload = function(e) {
      $scope.imageBase64 = e.target.result;
      // 执行相应的逻辑
    };
    reader.readAsDataURL(newVal);
  }
});

这两种方法都可以在图片上传并转换为base64后更新ng-model的值,并在回调中执行相应的逻辑。选择其中一种适合你的需求即可。

相关内容

热门资讯

透视智能ai!hhpoker辅... 透视智能ai!hhpoker辅助挂是真的吗(透视)新蜜瓜大厅破解(一直真的是有辅助辅助器)-哔哩哔哩...
透视总结!约局吧作必弊脚本(透... 透视总结!约局吧作必弊脚本(透视)红龙poker有辅助吗(辅助)确实真的是有脚本(哔哩哔哩)一、约局...
据监测!aa poker辅助(... 据监测!aa poker辅助(透视)楚天游卡五星辅助器(确实存在有辅助工具)-哔哩哔哩1、每一步都需...
透视学习!智星德州可以透视吗(... 透视学习!智星德州可以透视吗(透视)xpoker辅助控制(辅助)真是一直都是有攻略(哔哩哔哩)1)智...
随着!aa poker辅助包(... 随着!aa poker辅助包(透视)科乐游戏辅助脚本视频(都是真的有辅助工具)-哔哩哔哩1、首先打开...
透视总结!werplan免费挂... 透视总结!werplan免费挂下载(透视)poker world辅助器(辅助)真是一直总是有app(...
今年以来!wepoker免费脚... 今年以来!wepoker免费脚本咨询(透视)途游辅助软件网站(原来是真的辅助插件)-哔哩哔哩1、首先...
透视步骤!德州来玩辅助器(透视... 透视步骤!德州来玩辅助器(透视)pokemmo脚本辅助器(辅助)竟然真的是有软件(哔哩哔哩)1、该软...
最新消息!wepoker挂(透... 最新消息!wepoker挂(透视)新畅游互娱辅助(真是有辅助平台)-哔哩哔哩1、任何新畅游互娱辅助透...
透视窍门!来玩app破解(透视... 透视窍门!来玩app破解(透视)竞技联盟辅助(辅助)原来一直都是有app(哔哩哔哩)1、竞技联盟辅助...