Django实现上传图片功能
程序员文章站
2022-03-26 08:00:46
本文实例为大家分享了django实现上传图片的具体代码，供大家参考，具体内容如下1.设置存放上传的图片的文件夹settings.pymedia_root = os.path.join(base_dir...
本文实例为大家分享了django实现上传图片的具体代码，供大家参考，具体内容如下
1.设置存放上传的图片的文件夹
settings.py
media_root = os.path.join(base_dir, 'media').replace('\\', '/')
media_url = '/media/'
2.创建图片路径的表结构
models.py
# 存放图片的表
class avatar(models.model):
user = models.charfield(max_length=100)
photo = models.imagefield(upload_to='photos', default='avatar.jpg')
3.构建并实施迁移文件
python manage.py makemigrations python manage.py migrate
4.添加路径
urls.py
from django.conf import settings
from django.conf.urls.static import static
urlpatterns = [
path('upload/', views.uploadinfo),
] + static(settings.media_url, document_root=settings.media_root)
5.写逻辑
在view.py
# 上传图片
def uploadinfo(request):
if request.method == 'post':
# img = request.files.get('photo')
# user = request.files.get('photo').name
new_img = models.avatar(
photo=request.files.get('photo'), # 拿到图片
user=request.files.get('photo').name # 拿到图片的名字
)
new_img.save() # 保存图片
return httpresponse('上传成功！')
return render(request, 'upload.html')
6.添加html页面
文件夹templates
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body>
<form action="/upload/" method="post" enctype="multipart/form-data">
{% csrf_token %}
<input name="photo" type="file" >
<button id="upload" type="submit">上传头像</button>
</form>
</body>
</html>
7.效果
运行项目，进入upload查看
上传成功之后
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
推荐阅读
-
Servlet+Jsp实现图片或文件的上传功能具体思路及代码
-
Android 编辑头像功能简单实现实例（图片选取，裁剪）
-
Retrofit2.0 实现图文（参数+图片）上传方法总结
-
Android自定义实现图片加文字功能
-
HTML5+CSS3实现无插件拖拽上传图片（支持预览与批量）
-
基于ASP.NET+easyUI框架实现图片上传功能（判断格式+即时浏览 ）
-
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
-
基于ASP.NET+EasyUI框架实现图片上传提交表单功能(js提交图片)
-
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
-
图片上传插件ImgUploadJS：用HTML5 File API 实现截图粘贴上传、拖拽上传