EN

Search
Close this search box.

موستانگ، وحشیِ دوست داشتنی

پاسخ داده شد
0
0

چطور در react native یک image picker برای آپلود عکس و ویدیو بنویسیم؟

  • شما باید برای ارسال دیدگاه شوید
پاسخ عالی
0
0

برای آپلود عکس و ویدیو من از کتابخانه react-native-image-crop-picker استفاده می کنم. با دستور npm install react-native-image-crop-picker --save نصبش کنید. بصورت زیر ایمپورت کنید:

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

حالا شبیه مثال زیر می توانید از آن استفاده کنید:

const [selectedImages, setSelectedImages] = useState([]);
    const pickImages = async () => {

      var images;
      try {
          images = await ImagePicker.openPicker({
          multiple: true,
          mediaType: 'photo',
        });
  
        // Selected images successfully
        setSelectedImages(images);
      } catch (error) {
        console.log('ImagePicker Error: ', error);
      }
    };

  

.
.
.
.
.
.
<TouchableOpacity onPress={pickImages}>
              <Text style={styles.uploadButton}>آپلود عکس یا فیلم</Text>
</TouchableOpacity>

*دقت کنید که باید در فولدر android و فایل AndroidManifext.xml ، اجازه دسترسی به فضای ذخیره سازی را بدهید (یکبار کش را پاک کرده و مجدداً برنامه را بالا بیاورید):

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

*با multiple: true می توانید به کاربر اجازه دهید که چند فایل را انتخاب کند.

*می توانید عکس انتخابی را با سایز دلخواهی تان crop کنید : (دقت نکنید که نباید multiple: true باشد)

ImagePicker.openPicker({
  width: 300,
  height: 400,
  cropping: true
}).then(image => {
  console.log(image);
});

*اگر می خواهید ویدیو انتخاب شود ، از mediaType:’photo’ و اگر می خواهید هم عکس و هم ویدیو انتخاب شود از mediaType:”any” استفاده کنید.

*selectedImages حاوی عکسهای انتخابی کاربر است.

 

  • شما باید برای ارسال دیدگاه شوید
نمایش 1 نتیجه
پاسخ شما
اگر قبلاً حساب کاربری دارید با پر کردن فیلد های زیر یا به عنوان مهمان ارسال کنید.
نام*
ایمیل*
وب سایت