Django后端图片上传到前端页面并展示

这里用到的是base64的形式展示

views视图代码:

import os
import base64

from rest_framework.views import APIView
from rest_framework.response import Response


class ONE(APIView):
    def get(self, request):
        dir_name = request.GET.get('dir_name')
        request.img_list = []
        find(dir_name, request)
        for i in request.img_list:
            print(i['file_name'])
        return Response({'file_data': request.img_list})


def find(dir_name, request):
    path = f'C:\\Users\\17513\\Desktop\\jwd\\map\\{dir_name}'
    dir_list = os.listdir(path)
    print(dir_list)
    for i in dir_list:
        if os.path.isdir(path + '//' + str(i)):
            path2 = dir_name + '//' + i
            find(path2, request)
        else:
            pro = open(path + '//' + str(i), 'rb')
            data = pro.read()
            request.img_list.append({'file_name': i, 'file_base64': base64.b64encode(data)})
            pro.close()

steeings配置文件:

# 访问静态文件的url地址前缀
STATIC_URL = '/map/'
STATICFILES_DIRS = (os.path.join(BASE_DIR, 'map'), )
STATIC_ROOT = ''

urls代码:

from django.contrib import admin
from django.urls import path, re_path
from django.conf.urls.static import static
from test_django import settings
from app01 import views
urlpatterns = [
    path('admin/', admin.site.urls),
    path('show/', views.ONE.as_view()),
]

map图片文件夹

postman测试效果: