изображение не будет отображать Django3 выступающей Angular8 - PullRequest
Новая
       3

изображение не будет отображать Django3 выступающей Angular8

0 голосов
/ 24 апреля 2020

похоже на этот ТАК вопрос , но это решение не будет работать для меня. Я не могу отобразить свое изображение с помощью 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

1 Ответ

0 голосов
/ 26 апреля 2020

В скобках, [], скажите Angular, чтобы оценить шаблонное выражение

, попробуйте это: 

<img [src]="recipe.photo" height="150" >

вместо этого: 

<img src={{recipe.photo}} height="150" >
...