چطور در react native یک image picker برای آپلود عکس و ویدیو بنویسیم؟
- نفیسه افقی 2 سال قبل سوال کرد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
برای آپلود عکس و ویدیو من از کتابخانه 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 حاوی عکسهای انتخابی کاربر است.
- نفیسه افقی 2 سال قبل پاسخ داد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید