使用js实现类似原生访问相册,图片选择功能. 图

图片选择 主要功能:使用angular实现HTML界面相册图片选择 访问原生系统(苹果)相册,选择相册图片支持单选、多选。 由于系统的file标签的样式自定义了访问相册的选择按钮 九宫格显示照片使用浮动布局+定位的方式 知识总结 对照片墙进行添加和删除

$scope.images.push(url); $scope.images.splice(index,1); 检查数据变化跟新view

$scope.$apply(); 遍历相册

//第一个参数item对应数组里的每一个对象,第二个参数索引 var findIndex = function (str) { var Index = -1; angular.forEach($scope.images,function (item,index) { if (str == item){ Index = index; return Index; } }); return Index; };

遇到的问题: input标签的file类型使用angular指令ng-change="valueChange()"无效

必须使用 onchange="valueChange()"

<input type="file" name="file" accept="image/png,image/jpg,image/jpeg" id="file" multiple ng-model="value1" onchange="angular.element(this).scope().valueChange()"/>

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。