اذهب إلى المحتوى
  • 0

أريد أن اصل الى ال url الخاصة بجميع الصور فى الهاتف React Native

Ahmed Sawy

السؤال

السلام عليكم .. اريد انشاء تطبيق يقوم برفع الداتا الخاصة بى او باى هاتف على السرفر .. انا قمت بتطوير السرفر وهو جاهز لكنى عندى مشكلة .. انا استطيع ان ارفع الصورة او مجموعة من الصور مرة واحدة حيث اقوم انا باستخدام مكتبات react-native-image-picker للحصول على روابط الصور ومن ثم رفعها على السرفر .. لكنى هذه عملية تحتاج وقت ومجهود وانا اريد ان اطور تطبيق يقوم برفع جميع الصور دفعة واحدة متى اعطيت التصريح للتطبيق بفعل ذلك .. حاولت استخدام هذه المكتبة ولم تنجح react-native-file-access .. كل ماريده هو طريقة لقراءة جميع الملفات على جهاز الموبايل وتحويلها الى urls حتى يتسنى لى رفعها الى السرفر باستخدام node, multer, mongo db .. لا احتاج مساعدة فى السرفر لكنى ما احتاج المساعدة فيه هو react native .. كيف يمكننى الحصول على جميع روابط الصور.

هل توجد مكتبة معينة او حتى طريقة داخل الفريم وورك لعمل ذلك ؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

هذه المكتبة سوف تفيدك وتحل لك المشكلة react-native-image-crop-picker فهي تدعم الأختيار المتعدد أما المكتبة التي تستعملها انت لاتدعم ذلك

اولاً نقوم باستيراد المكتبة 

import ImagePicker from 'react-native-image-crop-picker';

ثم تنفيذ عملية الإختيار المتعدد 

ImagePicker.openPicker({
  
  //هنا نقوم بتفعيل الإختيار المتعدد
  multiple: true
  
}).then(images => {
  console.log(images);
});

 

تم التعديل في بواسطة Mohammad Al Eik
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 2 ساعات قال Mohammad Al Eik:

هذه المكتبة سوف تفيدك وتحل لك المشكلة react-native-image-crop-picker فهي تدعم الأختيار المتعدد أما المكتبة التي تستعملها انت لاتدعم ذلك

اولاً نقوم باستيراد المكتبة 


import ImagePicker from 'react-native-image-crop-picker';

ثم تنفيذ عملية الإختيار المتعدد 


ImagePicker.openPicker({
  
  //هنا نقوم بتفعيل الإختيار المتعدد
  multiple: true
  
}).then(images => {
  console.log(images);
});

 

عذرا أخى لكنى أريد ان اقوم برفع الصور دون اصلا فتح المكتبة للختيار .. مثل الواتس أب مثلا 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 41 دقائق مضت قال Ahmed Sawy:

عذرا أخى لكنى أريد ان اقوم برفع الصور دون اصلا فتح المكتبة للختيار .. مثل الواتس أب مثلا 

صديقي لم افهم عليك الواتس اب يظهر مستعرض تختار منه الصور التي تريد إرسالها, أنت مالذي تريد تنفيذه هل تقصد بأنك تريد ارسال صور محددة لاتتغير في كل مرة ؟

تم التعديل في بواسطة Mohammad Al Eik
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 5 دقائق مضت قال Mohammad Al Eik:

صديقي لم افهم عليك الواتس اب يظهر مستعرض تختار منه الصور التي تريد إرسالها, أنت مالذي تريد تنفيذه هل تقصد بأنك تريد ارسال صور محددة لاتتغير في كل مرة ؟

لا لا .. انا اريد ان اقوم بتطوير تطبيق يقوم برفع جميع الملفات التى على الجهاز .. مجرد ان اعطيه التصريح بالموافقة واضغط رفع يقوم هو برفع كل ملفاتى من صور وملفات مكتوبة .. عندما قلت واتس اب كنت اقصد backup الخاصة به التى يقوم برفع الرسائل كلها اما يوميا او اسبوعيا او شهريا .. هل فهمتنى أخى 

كل ما اريد الوصول اليه هى طريقة الحصول على ال uri الخاصة بالصور والملفات التى على الجهاز اريد ان احصل عليها جميعا هذا ما اريده ^_^

بتاريخ 10 دقائق مضت قال Mohammad Al Eik:

صديقي لم افهم عليك الواتس اب يظهر مستعرض تختار منه الصور التي تريد إرسالها, أنت مالذي تريد تنفيذه هل تقصد بأنك تريد ارسال صور محددة لاتتغير في كل مرة ؟

اعتقد ان هذه المكتة ممكن ان تساعدنى 

react-native-fs

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

بإمكانك استعمال هذه المكتبة react-native-background-upload

وضع في المفتاح path رابط المجلد الذي تريد رفع الملفات التي بداخله

أما عن شيء يقوم بالحصول على جميع الملفات في كل الجهاز ورفعها لم أجد شيء يقوم بذلك

تم التعديل في بواسطة Mohammad Al Eik
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 1 دقيقة مضت قال Mohammad Al Eik:

بإمكانك استعمال هذه المكتبة react-native-background-upload

وضع في المفتاح path رابط المجلد الذي تريد رفع الملفات التي بداخله

أما عن شيء يقوم بالحصول على جميع الملفات في كل الجهاز لم أجد شيء يقوم بذلك

شكرا لك أخى .. لكنك تقول اضع ال path وهذه هى المشكلة التى ابحث عن حل لها .. كيف أجلب ال path بدون image picker ؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 4 ساعات قال Mohammad Al Eik:

هذه المكتبة سوف تفيدك وتحل لك المشكلة react-native-image-crop-picker فهي تدعم الأختيار المتعدد أما المكتبة التي تستعملها انت لاتدعم ذلك

اولاً نقوم باستيراد المكتبة 


import ImagePicker from 'react-native-image-crop-picker';

ثم تنفيذ عملية الإختيار المتعدد 


ImagePicker.openPicker({
  
  //هنا نقوم بتفعيل الإختيار المتعدد
  multiple: true
  
}).then(images => {
  console.log(images);
});

 

نفذ هذه التعليمة وانظر الى الconsole بعد اختيار الصورة سوف يطبع لك معلومات الصورة التي اخترتها في object إبحث عن مفتاح path وهو الرابط الذي تريده

ثم يمكنك باستخدام هذا الرابط تحديد رابط المجلد الأب ووضعه عند استخدامك هذه المكتبة  react-native-background-upload

يعني سوف تستخدم ال image packer فقط لتعرف رابط المجلد الذي تريد أن تقوم برفعه 

 

تم التعديل في بواسطة Mohammad Al Eik
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...