大佬教程收集整理的这篇文章主要介绍了angularjs – 如何使用angular-file-upload获取图像尺寸,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在那里添加一个步骤来测试图像的尺寸,我目前只能通过jQuery / javascript来做.
只是想知道在上传之前是否有一种“有角度”的方式来检查图像的尺寸?
$scope.uploadImage = function($files) { $scope.SELEctedFiles = []; $scope.progress = []; if ($scope.upload && $scope.upload.length > 0) { for (var i = 0; i < $scope.upload.length; i++) { if ($scope.upload[i] !== null) { $scope.upload[i].abort(); } } } $scope.upload = []; $scope.uploadResult = []; $scope.SELEctedFiles = $files; $scope.dataUrls = []; for ( var j = 0; j < $files.length; j++) { var $file = $files[j]; if (/*$scope.fileReaderSupported && */$file.type.indexOf('image') > -1) { var fileReader = new FileReader(); fileReader.readAsDataURL($files[j]); var loadFile = function(fileReader,indeX) { fileReader.onload = function(E) { $timeout(function() { $scope.dataUrls[index] = e.target.result; //------Suggestions?-------// $('#image-upload-landscape').on('load',function(){ console.log($(this).width()); }); //-------------------------// }); }; }(fileReader,j); } $scope.progress[j] = -1; if ($scope.uploadRightAway) { $scope.start(j); } } };
var reader = new FileReader(); reader.onload = onLoadFile; reader.readAsDataURL(filtItem._filE); function onLoadFile(event) { var img = new Image(); img.src = event.target.result; console.log(img.width,img.height) }
这是从https://github.com/nervgh/angular-file-upload/blob/master/examples/image-preview/directives.js复制的代码段.
以上是大佬教程为你收集整理的angularjs – 如何使用angular-file-upload获取图像尺寸全部内容,希望文章能够帮你解决angularjs – 如何使用angular-file-upload获取图像尺寸所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。