Загрузить изображение из django rest в React JS - PullRequest
Новая
       26

Загрузить изображение из django rest в React JS

0 голосов
/ 23 апреля 2019

Попытка получить изображение, сохраненное в модели django, в соответствии с js

Сначала я загрузил изображение из реакции на отдых django и сохранил его в модели.". Но теперь я хочу, чтобы это изображение от django реагировало и отображалось в теге, но оно не загружается.

Settings.py 

           MEDIA_URL='/media/'
           MEDIA_ROOT=os.path.join(BASE_DIR, 'media')

Models.py 

       description=models.CharField(max_length=600,blank=True,null=True)
       main_image=models.ImageField(upload_to='project_mainimage')
       videourl=models.CharField(max_length=450,blank=True,null=True)

Urls.py 

urlpatterns = [

url('admin/', admin.site.urls),
url(r'^portfolio/', include('PortfolioApp.urls')),

   ]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

React Js: 

    <img  src={this.state.project.main_image} width="184" height="40" 
    alt="Project image"/>  // shows nothing
    <h1>{this.state.project.main_image}</h1> // shows "/media/project_mainimage/newimage.jpg"

1 Ответ

0 голосов
/ 23 апреля 2019

"/ media / project_mainimage / newimage.jpg" не работает. Это должен быть полный URL, например "https://localhost/media/project_mainimage/newimage.jpg"

Для этого ваш сервер должен вернуть полный URL-адрес, в противном случае вы можете предварительно привязать адрес вашего сервера с помощью /media/project_mainimage/newimage.jpg.

...