Directiva de carga de imágenes (angularJs y django rest framework)

Necesito una directiva de carga de imágenes, así es como se ve mi código:

# Model
class transporter(models.Model):
    company_name = models.CharField(max_length=100)
    address = models.CharField(max_length=100)
    image = models.FileField(upload_to=upload_path,blank=True, null=True)

    def upload_path(self, filename):
        return 'photos/%s/%s' % (self.company_name, filename)


# Serializer
class transporterSerializer (serializers.HyperlinkedModelSerializer):
    username = serializers.Field(source='username.username')

    class Meta:
        model = transporter
        fields = ('id','company_name','address','image')

funciona solo con django rest framework pero obtengo un error de solicitud incorrecta si publico el modelo de transportador con angularjs. Necesito cargar la imagen y configurar el campo de imagen con la URL de la imagen. gracias

Respuestas a la pregunta(1)

Su respuesta a la pregunta