طريقة رفع صورة على تطبيق فلاتر و قاعدة البيانات فايربيس

أنصحك بتعلم الأشياء الجديدة من خلال مصدر تعليمي مرئي بحيث يشرح لك الطريقة من خلال التطبيق العملي، و خاصًة نحن نتحدث عن أنك تريد عمل هذا النوع من الكود للمرة الأولى، لذلك أنصحك بمتابعة هذا الشرح الخاص بـ Flutter، إنه جيد و يقوم ببرمجة الكود خطوة بخطوة ( يرفع الصورة و يخزنها في قاعدة البيانات).

تابع الفيديو جيدًا و قم بالتطبيق العملي فور الإنتهاء من الشرح.

مرحبا بك  

اذا كنت تستخدم خدمات الفايبربيس فيجب أن  تستخدم خدمة ال Storage ،  حيث سيتم رفع الصورة من الجهاز الى هذه الخدمة و من ثم تخزين المسار الخاص بالصورة أو الملف على ال firestore 

• image picker باكيج خاصة باختيار الصورة من الهاتف 
• Firebase storage - باكيج خاص برفع الملفات على الفايبربيس ستورج 

هذه هي الأدوات الرئيسية 

يمكنك مشاهدة هذا المثال يوجد شرح كامل مع أكواد مع فيديو 

شكراً لك  

إستخدم  ImagePicker Package لإختيار الصورة من معرض الصور, مثال:

الدالة ChooseFile ستطلب من المستخدم الوصول إلى إذن ملف الوسائط وإذا سمح به المستخدم ، فإختر الصورة من معرض الصور.

Future chooseFile() async {    
   await ImagePicker.pickImage(source: ImageSource.gallery).then((image) {    
     setState(() {    
       _image = image;    
     });    
   });    
 }  

بعدها يأتي دور الدالة uploadFile حيث سيَُحمل الملف المختار إلى Google Firebase Firestore في مجلد (chats كمثال) ويعيد عنوان URL للملف الذي تم تحميله, مثال:

Future uploadFile() async {    
   StorageReference storageReference = FirebaseStorage.instance    
       .ref()    
       .child('chats/${Path.basename(_image.path)}}');    
   StorageUploadTask uploadTask = storageReference.putFile(_image);    
   await uploadTask.onComplete;    
   print('File Uploaded');    
   storageReference.getDownloadURL().then((fileURL) {    
     setState(() {    
       _uploadedFileURL = fileURL;    
     });    
   });    
 }

للباقي من المعلومات يمكنك زيارة المقالة من هنا.

أنصحك بمشاهدة الفيديو في الأسفل حيث يشرح بشكل مختصر وجميل كيفية تحميل الصورة إلى تطبيقك وربطها بقاعدة البيانات.