похоже на этот ТАК вопрос , но это решение не будет работать для меня. Я не могу отобразить свое изображение с помощью Angular внешнего интерфейса.
В браузере {{recipe.photo}}
отображается http://127.0.0.1:8000/media/images/photo1_mMxzxU0.png
. Из другого вопроса SO я подумал, так как это был абсолютный URL, указывающий на изображение, которое будет работать ..
html
<div *ngIf= "recipes">
<ul *ngFor ="let recipe of recipes">
{{recipe.name}}
{{recipe.photo}}
<img src={{recipe.photo}} height="150" >
</div>
моделей .py
class Recipe(models.Model):
name = models.CharField(max_length=30)
photo = models.ImageField(upload_to='images/', null=False, blank=False)
views.py
class RestaurantRecipes(generics.ListAPIView):
serializer_class = RecipeSerializerShort
serializers.py
class RecipeSerializerShort(serializers.ModelSerializer):
class Meta:
model = Recipe
fields = ['name','photo']
settings.py
STATIC_URL = '/static/'
MEDIA_ROOT = '/Users///backend/images/'
MEDIA_URL = '/media/'
Мои изображения в этой папке /Users///backend/images/images/IMAGES_HERE