cloudinary_sdk
This is a pure dart package for Cloudinary API that allows you to do signed and unsigned uploads to your cloudinary cloud.
Description
This package is intended to be used for signed and unsigned uploads to your cloud, it allows you to destroy/delete files and makes it easy to access image url with transformations
Installation
The first thing is to add cloudinary_sdk as a dependency of your project, for this you can use the command:
For purely Dart projects
dart pub add cloudinary_sdk
For Flutter projects
flutter pub add cloudinary_sdk
This command will add cloudinary_sdk to the pubspec.yaml of your project.
Finally you just have to run:
dart pub get or flutter pub get depending on the project type and this will download the dependency to your pub-cache
How to use
Initialize a Cloudinary object
final cloudinary = Cloudinary.full(
apiKey: apiKey,
apiSecret: apiSecret,
cloudName: cloudName,
);
or
final cloudinary = Cloudinary.basic(
cloudName: cloudName,
);
Optionally you can pass an apiUrl as well, but it's not required because this package uses by default https://api.cloudinary.com/v1_1 which is the current apiUrl at the time of writing this.
Do a single file signed upload
Recommended only for server side apps.
final response = await cloudinary.uploadResource(
CloudinaryUploadResource(
filePath: file.path,
fileBytes: file.readAsBytesSync(),
resourceType: CloudinaryResourceType.image,
folder: cloudinaryCustomFolder,
fileName: 'some-name',
progressCallback: (count, total) {
print(
'Uploading image from file with progress: $count/$total');
})
)
);
if(response.isSuccessful) {
print('Get your image from with ${response.secureUrl}');
}
You can upload a file from path or byte array representation, you can also pass an optParams map to do a more elaborated upload according to https://cloudinary.com/documentation/image_upload_api_reference
The cloudinary.uploadResource(...) function is fully documented, you can check the description to know what other options you have.
Do multiple file signed upload
Recommended only for server side apps.
final resources = await Future.wait(files?.map((file) async =>
CloudinaryUploadResource(
filePath: file.path,
fileBytes: file.readAsBytesSync(),
resourceType: CloudinaryResourceType.image,
folder: cloudinaryCustomFolder,
progressCallback: (count, total) {
print(
'Uploading image from file with progress: $count/$total');
})
)
)));
List<CloudinaryResponse> responses = await cloudinary.uploadResources(resources);
responses.forEach((response) {
if(response.isSuccessful) {
print('Get your image from with ${response.secureUrl}');
}
});
This function does repeatedly calls to cloudinary.uploadResource(...) described above.
Do a single file unsigned upload
Recommended for server client side apps.
The way to do this request is almost the same as above, the only difference is the uploadPreset which is required for unsigned uploads.
final response = await cloudinary.unsignedUploadResource(
CloudinaryUploadResource(
uploadPreset: somePreset,
filePath: file.path,
fileBytes: file.readAsBytesSync(),
resourceType: CloudinaryResourceType.image,
folder: cloudinaryCustomFolder,
fileName: 'some-name',
progressCallback: (count, total) {
print(
'Uploading image from file with progress: $count/$total');
})
)
);
if(response.isSuccessful) {
print('Get your image from with ${response.secureUrl}');
}
You can upload a file from path or byte array representation, you can also pass an optParams map to do a more elaborated upload according to https://cloudinary.com/documentation/image_upload_api_reference
The cloudinary.uploadResource(...) function is fully documented, you can check the description to know what other options you have.
Do multiple file unsigned upload
Recommended for server client side apps.
The way to do this request is almost the same as above, the only difference is the uploadPreset which is required for unsigned uploads.
final resources = await Future.wait(files?.map((file) async =>
CloudinaryUploadResource(
uploadPreset: somePreset,
filePath: file.path,
fileBytes: file.readAsBytesSync(),
resourceType: CloudinaryResourceType.image,
folder: cloudinaryCustomFolder,
progressCallback: (count, total) {
print(
'Uploading image from file with progress: $count/$total');
})
)
)));
List<CloudinaryResponse> responses = await cloudinary.uploadResources(resources);
responses.forEach((response) {
if(response.isSuccessful) {
print('Get your image from with ${response.secureUrl}');
}
});
This function does repeatedly calls to cloudinary.uploadResource(...) described above.
Do a single file delete (this will use the cloudinary destroy method)
final response = await cloudinary.deleteResource(
url: url,
resourceType: CloudinaryResourceType.image,
invalidate: false,
);
if(response.isSuccessful ?? false){
}
To delete a cloudinary file it´s necessary a public_id, as you can see in the sample code the deleteResource(...) function can delete a file by it's url...
You can also pass an optParams map to do a more elaborated delete (destroy) according to https://cloudinary.com/documentation/image_upload_api_reference#destroy_method
The cloudinary.deleteResource(...) function is fully documented, you can check the description to know what other options you have.
Do a multiple files delete (this will use the cloudinary delete resources method)
final response = await cloudinary.deleteResources(
urls: urlPhotos,
resourceType: CloudinaryResourceType.image
);
if(response.isSuccessful ?? false){
Map<String, dynamic> deleted = response.deleted;
}
To delete multiple cloudinary files it´s necessary a list of public_id's, as you can see in the sample code the deleteResources(...) function can delete files from a list of urls...
You can also pass an optParams map to do a more elaborated delete according to https://cloudinary.com/documentation/admin_api#delete_resources
The cloudinary.deleteResources(...) function is fully documented, you can check the description to know what other options you have.
Load an Image from cloudinary with some transformations
final cloudinaryImage = CloudinaryImage(url);
String transformedUrl = cloudinaryImage.transform().width(256).height(256).thumb().face().opacity(30).angle(45).generate();
return Image.network(transformedUrl);
Note:
It's recommended to check the tests and example code for a better idea of how to work with this package.
