使用ng2图像工具的INVALID_EXTENSION

时间:2017-05-21 11:19:15

标签: javascript angular typescript

我正在使用离子2。

我从firebase检索图像。

但我需要调整此图片的大小。

这是我的功能

var someImage:any="https://firebasestorage.googleapis.com/v0/b/apartments-ea9e5.appspot.com/o/admin%2Fsample-1487416146311.jpg?alt=media&token=e61d2573-acd2-4284-b0b3-f45a1fc450cc";
     this.ng2ImgToolsService.resize([someImage], 100, 100).subscribe(result => {
            //all good, result is a file
            console.info(result);
        }, error => {
          console.log("err");
          console.log(error);
            //something went wrong 
            //use result.compressedFile or handle specific error cases individually
        })

我得到这个错误。

我该如何解决这个问题。或任何其他方式来调整图像大小

error:INVALID_EXTENSION

reason: "The provided File is neither of type jpg nor of type png."

1 个答案:

答案 0 :(得分:0)

好吧,我遇到了同样的问题,我解决了这个问题,如下所示。

我有一个名为originalImage的文件(通过文件上传获得),我将其克隆到另一个名为modifieldImage的文件

克隆的代码如图所示

const modifieldImage= new File(
          [uploadImage.originalImage],
          uploadImage.originalImage.name,
          {
            type: uploadImage.originalImage.type
          }
        );
//then call the api
this.ng2ImgMax .resizeImage(modifieldImage, 1600, 1176) ...

尝试在创建文件时添加“类型”。那个问题解决了这个问题。

在您的场景中,我相信'someImage'的类型为空。尝试将其克隆到另一个文件并在FilePropertyBag中添加类型

希望它有所帮助。