Reactjs 使用React native/Expo将图像文件上载到firebase时出现问题
一直在尝试将图像上载到firebase存储,但迄今为止没有任何运气。因此,当我从库中拾取图像时,它会显示它,但在我尝试按下post按钮后,它只会给我一个错误 下面是我得到的错误:Reactjs 使用React native/Expo将图像文件上载到firebase时出现问题,reactjs,firebase,react-native,expo,Reactjs,Firebase,React Native,Expo,一直在尝试将图像上载到firebase存储,但迄今为止没有任何运气。因此,当我从库中拾取图像时,它会显示它,但在我尝试按下post按钮后,它只会给我一个错误 下面是我得到的错误: 你看过这个例子吗注意XMLHttpRequest用于获取blob,以及相关github注释的链接it@brentvatne谢谢你的贡献。一切正常,但它直接将图像上传到firebase,无需任何用户批准。我似乎找不到一种通过按下按钮上传图像的方法。 export default PostScreen = () =>
你看过这个例子吗注意XMLHttpRequest用于获取blob,以及相关github注释的链接it@brentvatne谢谢你的贡献。一切正常,但它直接将图像上传到firebase,无需任何用户批准。我似乎找不到一种通过按下按钮上传图像的方法。
export default PostScreen = () => {
const [image, setImage] = useState(null);
const pickImage = async () => {
let result = await ImagePicker.launchImageLibraryAsync({
allowsEditing: true,
aspect: [4, 3],
width: 300,
height: 400,
quality: 1,
});
if (!result.cancelled) {
console.log("user cancelled image");
setImage(result.uri);
}
};
const submitPost = async () => {
const result = await uploadImage();
console.log("Image Url: ", imageUrl);
};
const uploadImage = async (uri, imageName) => {
const response = await fetch(uri);
const blob = await response.blob();
var ref = firebase
.storage()
.ref()
.child("images/" + imageName);
return ref.put(blob);
};