Javascript 要求在React Native中选择音频文件?
我有一个将歌曲上传到API的应用程序 但是我找不到这样的库,比如Javascript 要求在React Native中选择音频文件?,javascript,reactjs,react-native,expo,Javascript,Reactjs,React Native,Expo,我有一个将歌曲上传到API的应用程序 但是我找不到这样的库,比如RN image picker,它询问用户想要选择哪张照片 除了文件“特别是音频”之外,还有类似的东西吗 我正在尝试react native fs,并使用他在自述文件中提供的示例代码片段,但当我调用它时,我在日志中得到了一个函数作为结果 chooseFile = () => { RNFS.readDir(RNFS.DocumentDirectoryPath) .then(result => {
RN image picker
,它询问用户想要选择哪张照片
除了文件“特别是音频”之外,还有类似的东西吗
我正在尝试react native fs
,并使用他在自述文件中提供的示例代码片段,但当我调用它时,我在日志中得到了一个函数作为结果
chooseFile = () => {
RNFS.readDir(RNFS.DocumentDirectoryPath)
.then(result => {
console.log('GOT RESULT', result); // here i got functions as result
// stat the first file
return Promise.all([RNFS.stat(result[0].path), result[0].path]);
})
.then(statResult => {
if (statResult[0].isFile()) {
// if we have a file, read it
return RNFS.readFile(statResult[1], 'utf8');
}
return 'no file';
})
.then(contents => {
// log the file contents
console.log(contents);
})
.catch(err => {
console.log(err.message, err.code);
});
};
编辑
在我使用@Tuan Luong提到的react native document picker
并编写了一些函数以使用Axios将此文件发送到端点后,我发现了这个错误
Possible Unhandled Promise Rejection (id: 0):
Error: Network Error
代码
嘿你试过这个图书馆吗?->您可以尝试react native document picker No,因为我在Github中没有看到它,而且它不是最新的:)@AkilaDevindaI会的,如果我使用RN 0.61.5+,我是否应该遵循Android/Ios设置@团罗网支持自动链接。因此,您不需要手动设置。吊舱安装很好嘿!你试过这个图书馆吗?->您可以尝试react native document picker No,因为我在Github中没有看到它,而且它不是最新的:)@AkilaDevindaI会的,如果我使用RN 0.61.5+,我是否应该遵循Android/Ios设置@团罗网支持自动链接。因此,您不需要手动设置。吊舱安装很好
chooseFile = async () => {
// Pick a single file
try {
const res = await DocumentPicker.pick({
type: [DocumentPicker.types.audio],
});
let sound_uri = res.uri;
let type = res.type;
this.setState({
sound_uri,
type,
});
} catch (err) {
if (DocumentPicker.isCancel(err)) {
// User cancelled the picker, exit any dialogs or menus and move on
} else {
throw err;
}
}
};
sendDatet = async value => {
const {type, sound_uri, avatar} = this.state;
console.log(avatar, type, sound_uri, value.songName, value.generes_id);
// Logs
{/*
// avatar => file:///storage/emulated/0/Android/data/com.music/files/Pictures/image7a.jpg
// type => audio/mpeg
// sound_uri => content://com.android.providers.media.documents/document/audio%3A1530
// value.songName => Test song
// value.generes_id => 4
*/}
let USER_TOKEN ='*****';
let AuthStr = `Bearer ${USER_TOKEN}`;
const headers = {
'Content-Type': 'application/json',
Authorization: AuthStr,
};
const formData = new FormData();
formData.append('sounds', {sound_uri, type: type, name: value.songName});
formData.append('avatar', {
uri: this.state.avatar,
type: 'image/jpeg',
name: 'image-anas.jpg',
});
formData.append('name', value.songName);
formData.append('generes_id', value.generes_id);
let response = await API.post('/upload_sound_post', formData, {
headers: headers,
});
console.log(response);
};