django用layui组件上传图片

最新推荐文章于 2023-07-07 18:26:35 发布

RT_Enzyme

最新推荐文章于 2023-07-07 18:26:35 发布

阅读量1.4k

点赞数 2

文章标签： django

本文链接：https://blog.csdn.net/qq_36801317/article/details/107436563

版权

本文介绍了如何在Django项目中使用LayUI组件实现图片上传功能。首先讲述了项目背景，即为了展示图片分类深度学习模型而创建一个上传图片并返回处理结果的网页。接着详细说明了配置静态文件路径、创建HTML模板、编写后端上传接口的步骤，并展示了最终效果。最后提到了可以将项目部署到服务器。

摘要由CSDN通过智能技术生成

项目背景：

最近想把之前做的一个图片分类深度学习模型做一个简单的展示页面，于是打算用django框架写一个上传图片，返回处理结果的网页demo，然后部署到阿里云中。

导入layui
在项目中创建static目录，将layui文件放入该文件中。如下：
在这里插入图片描述接下来需要给static文件夹配置路径：在settings.py文件中加入以下代码

STATIC_URL = '/static/'
STATIC_ROOT = ''
STATICFILES_DIRS = ( os.path.join('static'), )

在template中创建home.html，写一个简单的上传文件的前端

<!DOCTYPE html>
<html lang="en">
<head>
    {% load static %}
    <link rel="stylesheet" href="{% static 'layui/css/layui.css' %}"  media="all">
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/layui/layui.js"></script>
</head>