py读取本地图片并返回图片给前端base64格式

py读取本地图片并返回图片给前端base64格式

直接贴代码,有用请收藏

from fastapi import FastAPI
from get90V import resBody, getRewriteUrl
from get90V import resolveTxSelectVideo, exchangePlayUrl
from django.http.response import HttpResponse
@app.get('/img')
def getVlist(request):
    path = r"C:\Users\ll\Desktop\店铺组合图.png"
    fileOpen = open(path, 'rb')
    import base64
    imgBs4 = base64.b64encode(fileOpen.read()).decode()
    # return HttpResponse(fileOpen.read(), content_type='image/jpg')
    # pass
    return imgBs4
好的,以下是一个简单的示例代码,展示如何使用 Django后端文件夹中读取图片返回 URL 给前端,同时在前端页面中显示图片: 1. 在 Django 项目中创建一个 app,例如 `myapp` 2. 在 `views.py` 文件中编写视图函数,从文件夹中读取图片返回 URL 给前端。例如: ```python from django.conf import settings from django.http import JsonResponse import os def image_list(request): image_dir = os.path.join(settings.BASE_DIR, 'myapp/images') image_urls = [] for filename in os.listdir(image_dir): if filename.endswith('.jpg') or filename.endswith('.png'): image_urls.append(request.build_absolute_uri('/images/' + filename)) return JsonResponse({'image_urls': image_urls}) ``` 3. 在 `urls.py` 文件中配置路由,将视图函数映射到 URL。例如: ```python from django.urls import path from . import views urlpatterns = [ path('images/', views.image_list, name='image_list'), ] ``` 4. 在 `settings.py` 文件中配置静态文件路径和 URL。例如: ```python STATIC_URL = '/static/' STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')] MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media') ``` 5. 在前端页面中使用 JavaScript 代码,从后端 API 中获取图片 URL 显示图片。例如: ```html <!DOCTYPE html> <html> <head> <title>Image List</title> </head> <body> <h1>Image List</h1> <div id="image-container"></div> <script> fetch('/images/') .then(response => response.json()) .then(data => { const container = document.getElementById('image-container'); data.image_urls.forEach(url => { const img = document.createElement('img'); img.src = url; container.appendChild(img); }); }); </script> </body> </html> ``` 6. 运行 Django 项目,访问 `http://localhost:8000/images/` 可以看到返回图片 URL 列表,同时在前端页面中可以看到图片。 希望这个示例代码可以帮到你!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值