美文网首页
静态图片的上传和显示

静态图片的上传和显示

作者: Truthgray | 来源:发表于2019-03-19 16:17 被阅读0次

django存储及显示图片

第一步:

在setting中的末尾位置配置静态文件地址

STATIC_URL = '/static/'
MEDIA_ROOT=os.path.join(BASE_DIR,"static/media")
STATICFILES_DIRS=[
    os.path.join(BASE_DIR, 'static'),
]

同时在项目文件目录下创建静态文件夹以及目录,即STATICFILES_DIRS,如下图:

第二步:建立有图片类型的模型

class PickTest(models.Model):
    pic=models.ImageField(upload_to='booktest/')
#将地址设为静态文件地址下的booktest

第三步:上传图片

1.在urls配置网址 url(r'^$',views.pic_upload),
2.在veiws中进行网页配置和设置:

def pic_upload(request):
    return render(request,'booktest/pic_upload.html')

3.创建上传html文件,pic_load.html

#使用表单上传数据
<form action="/pic_handler" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <input type="file" name="pic">
    <input type="submit" value="上传">
</form>

4.获取表单上传的数据,在urls配置网址连接views
· url(r'pic_handler$',views.pic_handler),`
5.在views中创建获取处理数据的方法:

def pic_handler(request):
    f1=request.FILES.get('pic')
    fname='%s/booktest/%s'%(settings.MEDIA_ROOT,f1.name)
    picload=PickTest()
    picload.pic ='booktest%s'%(f1.name)
    picload.save()

    with open(fname,'wb') as pic :
        for c in f1.chunks():
            pic.write(c)
    return HttpResponse('上传成功')

第五步:展现图片

1.在urls中配置路径
url(r'show$',views.pic_show),
2.在views中创建获取数据库存有的图片数据进行显示图片操作的方法

def pic_show(request):
    pic=PickTest.objects.get(id=1)
    print(pic.pic)
    context={'pic':pic}
    return render(request,'booktest/pic_show.html',context)

3.创建显示图片的html文件(pic_upload)

<body>
<img src="/static/media/{{ pic.pic }} " alt="">
</body>

相关文章

  • 静态图片的上传和显示

    django存储及显示图片 第一步: 在setting中的末尾位置配置静态文件地址 同时在项目文件目录下创建静态文...

  • Django上传图片和显示图片

    Django上传图片和显示图片  在搭建网站时,难免需要上传图片,比如用户头像或者相册图片等等,这里简单记录一下过...

  • 使用element实现图片上传

    需求:没有图片的时候按钮显示上传图片,有的时候显示重新上传,当点击按钮的时候上传成功后会替换掉原来的图片

  • Note 11 播放器UI

    设置label UIImageView显示图片 UIImageView可以显示静态图片或者多张图片组成的动画 通过...

  • django中上传图片和显示图片

    setting中的配置 url中的配置 model中的配置 view中的配置 templete中的配置

  • vue element上传图片、pdf、word文件,图片可以预

    需求是,上传的是图片就显示图片,上传的是pdf就显示对应的icon图片。使用的是vscode-material-i...

  • 使用ajax上传文件

    在前端多数需求中会出现直接点击上传图标,文件直接上传,后显示上传图片或显示文档图片,而html自带的 标签无法直接...

  • H5 端上传图片.md

    移动端上传多张图片调用照相机和图库,安卓和 ios显示会不同。 如果传入的多张图片需要预览显示出来

  • Android必知必会——Drawable

    Drawable概览 如果需要在应用内显示静态图片,可以使用 Drawable 类及其子类绘制形状和图片。Draw...

  • 怎么将图片上传封装成指令?

    一、背景介绍 如果我们想实现图片上传功能,其中需要包含以下功能*点击按钮上传图片*图片能在本地预览*显示图片信息,...

网友评论

      本文标题:静态图片的上传和显示

      本文链接:https://www.haomeiwen.com/subject/rbfnmqtx.html