如何解决React-Native-Image-Picker:如何限制用户上传超过给定长度的视频?
我可以做些什么来限制用户上传时长超过 300 秒的视频吗?要么将较大的视频修剪为 300 秒,要么应禁用超过 300 秒的视频。我使用了不适用于 android 的 durationLimit 道具。我使用了这个库的以下版本:
"react-native-image-picker": "^2.3.4"
然后
"react-native-image-picker": "^3.5.0",
然后
"react-native-image-picker": "^4.0.2",
都不为我工作
import ImagePicker from "react-native-image-picker";
const uploadVideo = async () => {
activateKeepAwake();
let options = {
title: "Select video",takePhotoButtonTitle: null,mediaType: "video",path: "video",quality: 1,videoQuality: "normal",durationLimit: 300,allowsEditing: true,};
ImagePicker.showImagePicker(options,async (response) => {
if (response.didCancel) {
console.log("User cancelled image picker");
} else if (response.error) {
console.log("ImagePicker Error: ",response.error);
} else if (response.customButton) {
console.log("User tapped custom button: ",response.customButton);
} else {
if (response && response.uri) {
let selectedUri;
let videoFilePath;
let selectedFileUri = response.uri;
setVideoLoader(true);
setModalAddVisible(false);
if (
Platform.OS === "ios" &&
(selectedFileUri.includes(".mov") ||
selectedFileUri.includes(".MOV"))
) {
videoFilePath = await handleConvertToMP4(selectedFileUri);
selectedUri = "file://" + videoFilePath.path;
} else {
selectedUri =
Platform.os === "ios"
? selectedFileUri
: "file://" + response.path;
}
setVideoSource(null);
setVideoSource(selectedUri);
await createThumbnailForVideos(selectedUri,1);
var filename = selectedUri.substring(
selectedUri.lastIndexOf("/") + 1,selectedUri.length
);
const file = {
uri: selectedUri,name: selectedGroup.id + "-dev-" + filename,};
uploadVideoOnS3(file,"video");
}
}
});
};
这是我的安卓权限:
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
解决方法
根据官方文档,durationLimit 道具适用于已录制的视频,但不适用于现场录制视频。参考:https://github.com/react-native-image-picker/react-native-image-picker/issues/1738
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。