使用ionic或angular9在Base64中对大型图像进行编码/调整大小(不使用Javascript)

埃里亚斯议员

我正在获得大量的离子图像,因此我需要对其进行编码或调整大小。我很迷路...可能吗?到目前为止,我的代码是:

base64 = 'data:image/jpeg;base64, ';
defaultAvatar = './assets/img/resources/img-avatar.png';

if (this.staffService.getStaff() === null) {
      this.staffService.staffInfo().subscribe(data => {
        this.staffData = this.staffService.mapStaffData(data);
        this.avatar_imagen = this.staffData.image ?
          this.domSanitizer.bypassSecurityTrustResourceUrl(
            this.base64 + this.staffData.image
          )
          : this.defaultAvatar;
      });
    } else {
      this.staffData = this.staffService.getStaff();
      this.avatar_imagen = this.staffData.image ?
        this.domSanitizer.bypassSecurityTrustResourceUrl(
          this.base64 + this.staffData.image
        )
        : this.defaultAvatar;
    }

使用的语言必须是IonicAngular(不使用Javascript)谢谢大家。

升压

尝试ng2-img-cropper在上传之前使用use来调整图像的大小。此外,您可以自定义尺寸。

您可以安装名为的软件包ng2-img-cropper

npm install ng2-img-cropper --save

您可以在此处阅读有关ng2-img-cropper的更多信息

如果要避免使用其他软件包,则可以使用此TypeScript版本的图像调整大小。

此外,还有一些更简单的示例但是,您还需要在某个地方创建画布,然后可以使用ViewChild它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法调整图像大小(使用base64)

来自分类Dev

使用 php 调整大小或裁剪 base64 图像

来自分类Dev

JavaScript使用base64编码的代码减少图像的大小和质量

来自分类Dev

使用JavaScript创建base64编码的图像

来自分类Dev

使用Java在Base64中从URL编码图像

来自分类Dev

使用Base64编码ImageMagick图像

来自分类Dev

无法从javascript画布获取base64调整大小的图像

来自分类Dev

在 Angular 2 中将输入文件转换为 Base64 而不使用 Ionic V2 中的 FileReader

来自分类Dev

图像上传,调整大小和编码到base64会使Chrome在移动设备上崩溃

来自分类Dev

Vba Excel。从文件加载时调整图像大小,然后将其编码为base64

来自分类常见问题

Node.js从Web获取图像并使用base64进行编码

来自分类Dev

使用javascript获取base64图像

来自分类Dev

在MongoDB中存储编码为base64的大型图像文件

来自分类Dev

是否使用FormData上传base64编码的图像?

来自分类Dev

使用curl发送base64编码的图像

来自分类Dev

使用 Angular 2 在 Nativescript 中进行 Base64 编码/解码

来自分类Dev

perl base64使用url安全字符进行编码

来自分类Dev

在Java中使用BASE64进行解码和编码

来自分类Dev

使用C和OpenSSL进行Base64编码

来自分类Dev

在并集内部使用结构对base64进行编码

来自分类Dev

使用HMAC对数据进行base64编码的问题

来自分类Dev

在Apps脚本中通过HtmlService使用base64编码的图像

来自分类Dev

使用angularjs将SVG中的xlink:href设置为base64编码的图像

来自分类Dev

在Javascript中将特殊字符编码为Base64,并在PHP中使用base64_decode()进行解码

来自分类Dev

Javascript:调整base64图像的大小并以非异步方式返回字符串

来自分类Dev

通过url下载图像,或使用base64进行转换

来自分类Dev

使用base64在HTML上进行图像渲染?

来自分类Dev

使用javascript调整图像大小

来自分类Dev

使用 javascript 调整图像大小

Related 相关文章

  1. 1

    无法调整图像大小(使用base64)

  2. 2

    使用 php 调整大小或裁剪 base64 图像

  3. 3

    JavaScript使用base64编码的代码减少图像的大小和质量

  4. 4

    使用JavaScript创建base64编码的图像

  5. 5

    使用Java在Base64中从URL编码图像

  6. 6

    使用Base64编码ImageMagick图像

  7. 7

    无法从javascript画布获取base64调整大小的图像

  8. 8

    在 Angular 2 中将输入文件转换为 Base64 而不使用 Ionic V2 中的 FileReader

  9. 9

    图像上传,调整大小和编码到base64会使Chrome在移动设备上崩溃

  10. 10

    Vba Excel。从文件加载时调整图像大小,然后将其编码为base64

  11. 11

    Node.js从Web获取图像并使用base64进行编码

  12. 12

    使用javascript获取base64图像

  13. 13

    在MongoDB中存储编码为base64的大型图像文件

  14. 14

    是否使用FormData上传base64编码的图像?

  15. 15

    使用curl发送base64编码的图像

  16. 16

    使用 Angular 2 在 Nativescript 中进行 Base64 编码/解码

  17. 17

    perl base64使用url安全字符进行编码

  18. 18

    在Java中使用BASE64进行解码和编码

  19. 19

    使用C和OpenSSL进行Base64编码

  20. 20

    在并集内部使用结构对base64进行编码

  21. 21

    使用HMAC对数据进行base64编码的问题

  22. 22

    在Apps脚本中通过HtmlService使用base64编码的图像

  23. 23

    使用angularjs将SVG中的xlink:href设置为base64编码的图像

  24. 24

    在Javascript中将特殊字符编码为Base64,并在PHP中使用base64_decode()进行解码

  25. 25

    Javascript:调整base64图像的大小并以非异步方式返回字符串

  26. 26

    通过url下载图像,或使用base64进行转换

  27. 27

    使用base64在HTML上进行图像渲染?

  28. 28

    使用javascript调整图像大小

  29. 29

    使用 javascript 调整图像大小

热门标签

归档