这里处理了下图片，在名字上加了序号，因为在ios上每次选择的图片名字都叫image,查找了很多资料，说是safari的bug,后面版本才会解决，暂时只能以这种方式解决了。循环是上传多张图片
3.html代码
<ul> <li ng-repeat="src in imgSrcArr" ng-click="delCurUpload(src)" ng-class="{'row-last': (($index+1) % 5==0)}"> <span>x</span> <em ng-if='nrc'>{{formData.attachvo[$index].attachmentType}}</em> <img ng-src="{{src}}"> </li> <div pop-type-select ng-if="nrc">+</div> <div ng-if="!nrc"> + <form> <input type="file" ng-file-select="onFileSelect($files, $event)" multiple> </form> </div> </ul>
4.顺便把formdata时代码贴一下，采用H5上传图片的方式
this.FormdataPost = function(pathUrl, formId, formData, files) { var fd = new FormData(); fd.append('formId', formId); if(files && angular.isArray(files)) { files.forEach(function(item) { fd.append('file', item, item.name); }); } fd.append('formData', angular.toJson(formData, true)); var httpConfig = { headers: { 'Authorization': 'Bearer ' + this.token, 'Content-Type': undefined }, transformRequest: angular.identity }; return $http.post(rootUrl + pathUrl, fd, httpConfig).then(function(data) { return data; }).catch(function(error) { $rootScope.interfaceName = pathUrl; $rootScope.setNewWortStatus({ status: error.status, errInfo: error.data && error.data.statusInfo || '' }); return error; }); }
思路有一点混乱，不知道讲清楚了没有，想起来再添加吧
以上所述是小编给大家介绍的Angular下H5上传图片的方法（可多张上传），希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: