在Angular中使用Cloudinary主要涉及以下几个步骤:
npm install cloudinary-core --save
import * as Cloudinary from 'cloudinary-core';
export class MyComponent implements OnInit {
cloudinary: any;
constructor() {
this.cloudinary = Cloudinary.Cloudinary.new({ cloud_name: 'YOUR_CLOUD_NAME' });
}
ngOnInit() {
// 在这里可以进行其他初始化操作
}
}
其中,YOUR_IMAGE_PUBLIC_ID
是你在Cloudinary中上传图片后得到的公共ID。
这个示例会将图片裁剪为300x200像素的尺寸并填充到容器中。
注意:在使用Cloudinary之前,你需要在Cloudinary的网站上注册一个账号,并获得你的Cloudinary云名称(cloud_name)。
希望对你有所帮助!
上一篇:Angular中的classng-star-inserted覆盖了我的class。
下一篇:Angular中的Cognito问题:在authorization.service.ts的第29行无法读取null的属性'user'