Buen dia Estoy tratando de enviar claramente un FormData pero al llegar a mi back este lo lee como "application/json" pero si hago el mismo ejercicio mandando un FormData desde Postman a mi back aca si llega que es FormData
Servicio de mi Front Angular
createTikeckt(json:any, file:File){
console.log(file);
console.log(json);
const formData = new FormData();
formData.append('image', file, file.name);
formData.append('json', JSON.stringify(json))
// let headers = new HttpHeaders();
// headers = headers.set( "Content-Type", "multipart/form-data") // estaba probando con estos headers pero tampoco funciono
return this.http.post(`${environment.apiUrl}/api/soporte/crear/ticket/`, formData, {
headers: { 'X-Requested-With' : 'XMLHttpRequest' }
});
}
Este es mi urls.py en mi back
from django.urls import path
from soporte import views
urlpatterns = [
path('crear/ticket/', (views.CreateTicketView.as_view()))
]
Este es mi views.py en mi back
class CreateTicketView(generics.ListAPIView):
#parser_classes = (MultiPartParser,)
def post(self, request, *args, **kwargs):
try:
print("hola")
id_u = request.data['id']
newticket = Ticket.objects.create(id_usuario=Usuario.objects.get(id=id_u), pregunta=request.data['pregunta'],
detalles=request.data['detalles'], evidencia=request.FILES['evidencia'], estado_pregunta=Ticket.ENVIADA)
newticket.save()
if newticket.pk:
return HttpResponse ({"Tiket entregado con exito"}, status=status.HTTP_200_OK)
else:
return HttpResponse({"Hubo un error al entregar el tiket"}, status=status.HTTP_200_OK)
except Exception as e:
print(e)
return HttpResponse({"Hubo un error al crear el ticket, intente después"}, status=status.HTTP_200_OK)
Esto es lo que me bota mi back al hacer DEBUGER pero si lo mando un FormData con Postman si me sale FormData.
Y por consecuencia a esto me llega vacio mi FromData, porfavor alguien sabe que pasa llevo mas de 1 semana taratndo de solucionar esto pero no e podido.
Ayuda porfavor.
De ante mano muchas gracias
Actualizacion
Quedaria algo asi?
return this.http.post(`${environment.apiUrl}/api/soporte/crear/ticket/`, formData, {headers: {
'Accept': 'application/json',
'Content-Type': 'multipart/form-data',
}});
Como estoy realizando el envio desde Postman
Mira vi en los Headers de Postman y asi me los indica
Imagen de Fiddler
Abre la imagen para que la puedas leer
De mi servicio normal en angular
Esta es de Postman