How to upload image to firebase
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 20/100
- Tipo de issue
- Error
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, react
- Área
- frontend
Línea de trabajo
Comienza con la action prop del componente Upload y la función uploadImage mostrada en el issue, después reproduce la solicitud de Firebase Storage e inspecciona la respuesta 501 y el error XML de localhost:3000/upload.do. Se considera terminado cuando se haya identificado si el fallo está en el manejo de cargas de esta biblioteca y se haya documentado una resolución confirmada.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Hello everyone!
I've been trying to implement firebase image upload using this library from antd.
Below is a function file which goes into the action prop in <Upload /> component.
export async function uploadImage(file) {
const storage = firebase.storage()
const metadata = {
contentType: 'image/jpeg'
}
const storageRef = await storage.ref()
const imageName = generateHashName()
const imgFile = storageRef.child(`Vince Wear/${imageName}.png`)
const uploadTask = await imgFile.put(file, metadata)
return new Promise((resolve, reject) => {
return resolve(uploadTask)
})
}
I can find the uploaded images from firebase but it always returns an error and looks like firebase is returning status of 501, Odd.
And this to the console
XML Parsing Error: syntax error
Location: http://localhost:3000/upload.do
Line Number 1, Column 1:
Is this a common issue? Any way to avoid it?
- Lenguaje dominante
- TypeScript
- Estrellas
- 804
- Forks
- 323
- Merge medio
- 12 min
- PR fusionados (30 d)
- 1
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/upload
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
react-component/upload#170 ·
-
HVAC websiteAbierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 10/100
react-component/upload#697 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 15/100
react-component/upload#615 ·
-
开启文件夹上传时就不能多选文件上传，可以解决吗？Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
react-component/upload#522 · 2 comentarios ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 25/100
react-component/upload#515 ·
Todos los issues de react-component/upload
Issues similares
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
aiko-chan-ai/DiscordBotClient#380 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
vercel/ai-elements#507 ·
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Los mantenedores suelen responder en 2 días
-
Dificultad 2/5 Medio día Aptitud para principiantes 84/100
anaclumos/qa-interns#148 · 1 comentario ·
Los mantenedores suelen responder en 1 día