Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular.js低质量图像_Javascript_Html_Angularjs - Fatal编程技术网

Javascript Angular.js低质量图像

Javascript Angular.js低质量图像,javascript,html,angularjs,Javascript,Html,Angularjs,我有base64编码的图像字符串,它的质量是2MB,我还想有一个base64字符串,它的mb小于50KB。我找不到任何从低质量的base64字符串获取图像的解决方案。我该怎么做 $scope.SaveImage = function () { var desc=$scope.img.Desc var SaveList=[]; for(var i=0;i<Pictures.length;i++){ var ite

我有base64编码的图像字符串,它的质量是2MB,我还想有一个base64字符串,它的mb小于50KB。我找不到任何从低质量的base64字符串获取图像的解决方案。我该怎么做

$scope.SaveImage = function () {
         var desc=$scope.img.Desc
         var SaveList=[];
         for(var i=0;i<Pictures.length;i++){
             var item={
                 taskId:taskId,
                 desc:desc,
                 raw:Pictures[i].image,
                 thumbnail:Pictures[i].image                 
             }
             SaveList.push(item);
         }


         $http.post('http://example.com:3000/photos/',SaveList).success(function(response){ //make a get request to mock json file.          
            var data=response;

            window.location.reload();



        })
        .error(function(err){
           alert(JSON.stringify(err));
        })
    }
$scope.SaveImage=函数(){
var desc=$scope.img.desc
var保存列表=[];

对于(var i=0;i您可以使用
canvas
减小图像大小。您可以使用
canvas.toDataURL()
指定图像格式和图像质量,如:

canvas.toDataURL('image/jpeg',0.7)
您还可以使用
ng image compress
来实现您的目标。 文档是否用于
ng image compress

使用canvas
toDataUrl()
函数