cloudinary_sdk 3.0.0+6 
cloudinary_sdk: ^3.0.0+6 copied to clipboard
dev.lamt.devThis is a dart package for Cloudinary API that allows you to upload and manage files in your cloudinary cloud.
example/lib/main.dart
import 'dart:async';
import 'dart:io';
import 'package:cloudinary_sdk/cloudinary_sdk.dart';
import 'package:cloudinary_sdk_example/alert_utils.dart';
import 'package:flutter/material.dart';
import 'package:cloudinary_sdk_example/image_utils.dart';
import 'package:image_picker/image_picker.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Cloudinary Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(title: 'Cloudinary Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key? key, this.title}) : super(key: key);
final String? title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
enum UploadMode {
SINGLE,
MULTIPLE,
}
enum FileSource {
PATH,
BYTES,
}
enum DeleteMode {
BATCH,
ITERATIVE,
}
class _MyHomePageState extends State<MyHomePage> {
//Change this values with your own
final String cloudinaryCustomFolder = "test/myfolder";
final String cloudinaryApiKey = "111111111";
final String cloudinaryApiSecret = "aaaaa-bbbbb-ccccccccc";
final String cloudinaryCloudName = "my-cloud-name";
static const int loadPhoto = 1;
static const int uploadPhotos = 2;
static const int deleteUploadedPhotos = 3;
List<String> pathPhotos = [];
List<String> urlPhotos = [];
bool loading = false;
late Cloudinary cloudinary;
String? errorMessage;
UploadMode uploadMode = UploadMode.SINGLE;
FileSource fileSource = FileSource.PATH;
DeleteMode deleteMode = DeleteMode.BATCH;
@override
void initState() {
super.initState();
cloudinary =
Cloudinary(cloudinaryApiKey, cloudinaryApiSecret, cloudinaryCloudName);
}
onUploadModeChanged(UploadMode? value) => setState(() => uploadMode = value!);
onUploadSourceChanged(FileSource? value) =>
setState(() => fileSource = value!);
onDeleteModeChanged(DeleteMode? value) => setState(() => deleteMode = value!);
Widget get uploadModeView => Column(
children: [
Text("Upload mode"),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
child: RadioListTile<UploadMode>(
title: Text("Single"),
value: UploadMode.SINGLE,
groupValue: uploadMode,
onChanged: onUploadModeChanged),
),
Expanded(
child: RadioListTile<UploadMode>(
title: Text("Multiple"),
value: UploadMode.MULTIPLE,
groupValue: uploadMode,
onChanged: onUploadModeChanged),
),
],
)
],
);
Widget get uploadSourceView => Column(
children: [
Text("File source"),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
child: RadioListTile<FileSource>(
title: Text("Path"),
value: FileSource.PATH,
groupValue: fileSource,
onChanged: onUploadSourceChanged),
),
Expanded(
child: RadioListTile<FileSource>(
title: Text("Bytes"),
value: FileSource.BYTES,
groupValue: fileSource,
onChanged: onUploadSourceChanged),
),
],
)
],
);
Widget get deleteModeView => Column(
children: [
Text("Delete mode"),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
child: RadioListTile<DeleteMode>(
title: Text("Batch"),
value: DeleteMode.BATCH,
groupValue: deleteMode,
onChanged: onDeleteModeChanged),
),
Expanded(
child: RadioListTile<DeleteMode>(
title: Text("Iterative"),
value: DeleteMode.ITERATIVE,
groupValue: deleteMode,
onChanged: onDeleteModeChanged),
),
],
)
],
);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title!),
),
body: Center(
child: Scrollbar(
child: SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
SizedBox(height: 16),
Text(
'Photos from file',
),
SizedBox(
height: 16,
),
Wrap(
alignment: WrapAlignment.center,
crossAxisAlignment: WrapCrossAlignment.center,
runAlignment: WrapAlignment.center,
spacing: 8,
runSpacing: 8,
children: List.generate(pathPhotos.length, (index) {
return Image.file(
File(pathPhotos[index]),
width: 100,
height: 100,
);
}),
),
ElevatedButton(
onPressed: loading || pathPhotos.isEmpty
? null
: () {
pathPhotos = [];
setState(() {});
},
style: ButtonStyle(
backgroundColor: MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return states.contains(MaterialState.disabled)
? null
: Colors.deepPurple;
}),
),
child: Text(
'Clear list',
textAlign: TextAlign.center,
),
),
Divider(
height: 48,
),
Text(
'Photos from cloudinary',
),
SizedBox(
height: 16,
),
Wrap(
alignment: WrapAlignment.center,
crossAxisAlignment: WrapCrossAlignment.center,
runAlignment: WrapAlignment.center,
spacing: 8,
runSpacing: 8,
children: List.generate(urlPhotos.length, (index) {
final cloudinaryImage = CloudinaryImage(urlPhotos[index]);
String transformedUrl = cloudinaryImage
.transform()
.width(256)
.thumb()
.generate()!;
return Image.network(
transformedUrl,
width: 100,
height: 100,
);
})
..add(
Visibility(
visible: loading,
child: Center(
child: CircularProgressIndicator(),
)),
),
),
SizedBox(
height: 32,
),
Visibility(
visible: errorMessage?.isNotEmpty ?? false,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"$errorMessage",
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 18, color: Colors.red.shade900),
),
SizedBox(
height: 128,
),
],
)),
ElevatedButton(
onPressed: loading || urlPhotos.isEmpty
? null
: () {
urlPhotos = [];
setState(() {});
},
style: ButtonStyle(
backgroundColor: MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return states.contains(MaterialState.disabled)
? null
: Colors.purple;
}),
),
child: Text(
'Clear list',
textAlign: TextAlign.center,
),
),
SizedBox(
height: 32,
),
uploadModeView,
SizedBox(
height: 16,
),
uploadSourceView,
SizedBox(
height: 16,
),
deleteModeView,
SizedBox(
height: 32,
),
Padding(
padding: EdgeInsets.symmetric(horizontal: 16),
child: Row(
children: [
Expanded(
child: ElevatedButton(
onPressed: loading ||
(pathPhotos.isEmpty && urlPhotos.isEmpty)
? null
: () {
pathPhotos = [];
urlPhotos = [];
setState(() {});
},
style: ButtonStyle(
backgroundColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return states.contains(MaterialState.disabled)
? null
: Colors.deepOrange;
}),
),
child: Text(
'Clear all',
textAlign: TextAlign.center,
),
),
),
SizedBox(
width: 16,
),
Expanded(
child: ElevatedButton(
onPressed: loading || pathPhotos.isEmpty
? null
: () => onClick(uploadPhotos),
child: Text(
'Upload',
textAlign: TextAlign.center,
),
),
),
],
),
),
Padding(
padding: EdgeInsets.symmetric(horizontal: 16),
child: Row(
children: [
Expanded(
child: ElevatedButton(
onPressed: loading || pathPhotos.isEmpty
? null
: () => onClick(deleteUploadedPhotos),
style: ButtonStyle(
backgroundColor:
MaterialStateProperty.resolveWith<Color?>(
(Set<MaterialState> states) {
return states.contains(MaterialState.disabled)
? null
: Colors.red.shade600;
}),
),
child: Text(
'Delete uploaded photos',
textAlign: TextAlign.center,
),
),
),
],
),
),
],
),
),
),
),
floatingActionButton: FloatingActionButton(
onPressed: () => onClick(loadPhoto),
tooltip: 'Choose photo',
child: Icon(Icons.photo),
),
);
}
onNewPhoto(String? filePath) {
if (filePath?.isNotEmpty ?? false) {
pathPhotos.add(filePath!);
setState(() {});
}
}
Future<List<int>> getFileBytes(String path) async {
return await File(path).readAsBytes();
}
Future<void> doSingleUpload() async {
try {
String? filePath;
List<int>? fileBytes;
switch (fileSource) {
case FileSource.PATH:
filePath = pathPhotos[0];
break;
case FileSource.BYTES:
fileBytes = await getFileBytes(pathPhotos[0]);
break;
default:
}
CloudinaryResponse response = await cloudinary.uploadResource(
CloudinaryUploadResource(
filePath: filePath,
fileBytes: fileBytes,
resourceType: CloudinaryResourceType.image,
folder: cloudinaryCustomFolder,
fileName: 'asd@asd.com'));
if (response.isSuccessful && response.secureUrl!.isNotEmpty)
urlPhotos.add(response.secureUrl!);
else {
errorMessage = response.error;
}
} catch (e) {
errorMessage = e.toString();
print(e);
}
}
Future<void> doMultipleUpload() async {
try {
List<CloudinaryUploadResource> resources = await Future.wait(
pathPhotos.map((path) async => CloudinaryUploadResource(
filePath: fileSource == FileSource.PATH ? path : null,
fileBytes: fileSource == FileSource.BYTES
? await getFileBytes(path)
: null,
resourceType: CloudinaryResourceType.image,
folder: cloudinaryCustomFolder,
)));
List<CloudinaryResponse> responses =
await (cloudinary.uploadResources(resources));
responses.forEach((response) {
if (response.isSuccessful)
urlPhotos.add(response.secureUrl!);
else {
errorMessage = response.error;
}
});
} catch (e) {
errorMessage = e.toString();
print(e);
}
}
Future<void> upload() async {
showLoading();
switch (uploadMode) {
case UploadMode.MULTIPLE: return doMultipleUpload();
case UploadMode.SINGLE: return doSingleUpload();
default:
}
}
Future<void> doBatchDelete() async {
CloudinaryResponse response = await cloudinary.deleteFiles(
urls: urlPhotos, resourceType: CloudinaryResourceType.image);
if (response.isSuccessful) {
urlPhotos = [];
// Check for deleted status...
// Map<String, dynamic> deleted = response.deleted;
} else {
errorMessage = response.error;
}
}
Future<void> doIterativeDelete() async {
for (int i = 0; i < urlPhotos.length; i++) {
String url = urlPhotos[i];
final response = await cloudinary.deleteFile(
url: url,
resourceType: CloudinaryResourceType.image,
invalidate: false,
);
if (response.isSuccessful) {
urlPhotos.remove(url);
--i;
}
}
}
Future<void> delete() async {
showLoading();
switch (deleteMode) {
case DeleteMode.BATCH:
return doBatchDelete();
case DeleteMode.ITERATIVE:
return doIterativeDelete();
default:
}
}
void onClick(int id) async {
errorMessage = null;
try {
switch (id) {
case loadPhoto:
AlertUtils.showImagePickerModal(
context: context,
onImageFromCamera: () async {
onNewPhoto(await handleImagePickerResponse(
ImageUtils.takePhoto(cameraDevice: CameraDevice.rear)));
},
onImageFromGallery: () async {
onNewPhoto(await handleImagePickerResponse(
ImageUtils.pickImageFromGallery()));
},
);
break;
case uploadPhotos:
await upload();
break;
case deleteUploadedPhotos:
await delete();
break;
}
} catch (e) {
print(e);
loading = false;
setState(() => errorMessage = e.toString());
} finally {
if (loading) hideLoading();
}
}
showLoading() => setState(() => loading = true);
hideLoading() => setState(() => loading = false);
Future<String?> handleImagePickerResponse(Future getImageCall) async {
Map<String, dynamic> resource =
await (getImageCall as FutureOr<Map<String, dynamic>>);
if (resource.isEmpty) return null;
switch (resource['status']) {
case 'SUCCESS':
Navigator.pop(context);
return resource['data'].path;
default:
ImageUtils.showPermissionExplanation(
context: context, message: resource['message']);
break;
}
return null;
}
}Metadata
35
likes
0
points
0
downloads
Publisher
Weekly Downloads
Metadata
This is a dart package for Cloudinary API that allows you to upload and manage files in your cloudinary cloud.
Repository (GitHub)
View/report issues
License
unknown (license)
