当前位置: 首页 > news >正文

网站是别人做的域名自己怎么续费企业网站seo多少钱

网站是别人做的域名自己怎么续费,企业网站seo多少钱,温州市微网站制作电话,asp汽车销售公司网站源码 4s店网站源码 汽车网站建设 完整无文章目录 前言图片上传步骤1. urls 配置2. settings 配置3. models 配置4. 安装Pillow 前言 在现代Web应用中,图片上传是一个常见且重要的功能。Django作为强大的Python Web框架,结合Vue.js这样的现代前端框架,能够高效地实现这一功能。本文将…

在这里插入图片描述

文章目录

  • 前言
  • 图片上传步骤
    • 1. urls 配置
    • 2. settings 配置
    • 3. models 配置
    • 4. 安装Pillow


前言

    在现代Web应用中,图片上传是一个常见且重要的功能。Django作为强大的Python Web框架,结合Vue.js这样的现代前端框架,能够高效地实现这一功能。本文将详细介绍如何在Django项目中配置图片上传的后端处理,并在Vue前端实现图片的选择、预览和上传功能。

图片上传步骤

1. urls 配置

from django.contrib import admin
from django.urls import path,includefrom django.conf import settings
from django.conf.urls.static import staticurlpatterns = [path('admin/', admin.site.urls),path('app/',include('app.urls')),
]
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  • static 函数用于定义静态文件的URL模式,它接收两个参数:
    • 第一个参数是settings.MEDIA_URL,它是一个字符串,表示媒体文件的URL前缀。
    • 第二个参数是settings.MEDIA_ROOT,它是一个字符串,表示媒体文件在服务器上的存储路径。

2. settings 配置

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

1. MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

  • 这行代码设置了Django项目中媒体文件的根目录。os.path.join是一个Python函数,用于连接多个路径部分,生成一个完整的路径。
  • BASE_DIR通常是一个变量,表示Django项目的根目录。这个目录是Django项目中所有其他路径的基准点。
  • 'media'是一个子目录,用于存放用户上传的媒体文件,比如图片、视频、文档等。

2. MEDIA_URL = '/media/'

  • 这行代码定义了媒体文件的URL前缀。当Django处理URL请求时,如果URL以/media/开头,它就会知道这个请求是指向媒体文件的。

3. models 配置

class ShopModel(models.Model):name = models.CharField(max_length=100)price = models.DecimalField(max_digits=3,decimal_places=2)count = models.IntegerField()info = models.CharField(max_length=200)is_checked = models.BooleanField(default=False)shopimg = models.ImageField(upload_to='imag/',null=True)# 默认状态参数-------------------------------# 保质期---剩余天数protect = models.IntegerField(null=True)def __str__(self):return self.nameclass Meta():db_table = 'shop'
  • models.ImageField:这是 Django 的一个字段类型,用于处理图像上传。它继承自 models.FileField,专门用于存储图像文件,比如 JPEG、PNG 等格式。
  • upload_to='imag/':这个参数指定了上传文件的保存路径。当用户上传图片时,Django 会将图片保存在 MEDIA_ROOT 目录下的 imag 文件夹中。
    • 例如,如果你的 MEDIA_ROOT 设置为 /path/to/media,则图片将被保存在 /path/to/media/imag/
  • null=True:这个参数允许字段可以存储空值。也就是说,如果用户没有上传图片,这个字段可以是 NULL,而不是必须有一个文件。

4. 安装Pillow

  • 在使用ImageField字段的时候,需要提前安装:pip install Pillow
  • Pillow 它提供了丰富的图像处理功能,使用它就可以完成对图像的操作了

前端代码:

<input type="file" accept="image/png" @change="imgChange">
upfile() {let formdata = new FormData();​      formdata.append('name',this.shop.name);
​      formdata.append('price',this.shop.price);
​      formdata.append('count',this.shop.count);
​      formdata.append('info',this.shop.info);
​      formdata.append('shopimg',this.shop.shopimg);this.$axios.post('http://127.0.0.1:8000/app/shops/',formdata,{
​        headers:{'Content-Type':'multipart/form-data'}}).then((result) => {
​        console.log(result);}).catch((err) => {
​        console.log(err);});
}

FormData

  • FormData 用于创建键值对集合和构造包含文件的请求体,这些键值对可以被用来发送 HTTP 请求。它特别适用于需要上传表单数据,包括文件。
  • FormData 对象提供了 append 方法来添加键值对,并且能够自动处理文件上传的边界和编码。使用这种方式,开发者可以轻松地将文件作为二进制数据上传到服务器。
  • 使用 Axios 发送 POST 请求,并将 FormData 作为请求体。请求头内容应该修改为:'Content-Type':'multipart/form-data'
  • 由于 FormData 会自动设置 Content-Typemultipart/form-data,所以也可以省略

在这里插入图片描述

http://www.ds6.com.cn/news/102522.html

相关文章:

  • 为什么石家庄突然封了seo小白入门教学
  • 安徽安庆网站建设公司抖音推广怎么做
  • 做网站建设有前途那百度平台商家订单查询
  • 网站制作网免费搜索引擎的优化方法有哪些
  • 做网站有什么专业术语网络营销能干什么工作
  • 宝安做棋牌网站建设哪家公司便宜百度搜图片功能
  • wordpress插件收录seo职业培训学校
  • 网站内容不能够复制怎么做河北优化seo
  • 什么网站可以做进出口买卖搜索引擎推广排名
  • 如果做网站报价数字营销软件
  • 微信小程序官网平台入口官网登录seo的作用主要有
  • 用什么java软件做网站百度关键词搜索推广
  • html网页模板素材下载苏州seo安严博客
  • wordpress文章大网站网站如何优化排名软件
  • 专业做根雕的网站流程优化的七个步骤
  • 电子商务网站开发实例论文seo排名大概多少钱
  • 做网站和做app武汉网站运营专业乐云seo
  • 怎么自己在家做网站厦门seo优化
  • 深圳java网站开发管理培训机构
  • 做外贸是否需要有自己的网站软考十大最靠谱it培训机构
  • 云推广廊坊网络推广优化公司
  • 怎么 给自己的网站做优化呢网站流量查询工具
  • 网站开发多少钱杭州seo整站优化
  • 武汉网站seo优化推广网络广告人社区官网
  • 网站背景怎么换怎样去推广自己的网店
  • 建设众筹类网站网络服务投诉平台
  • 会议网站建设的意义百度推广怎么优化排名
  • 天津网站建设找哪家东莞百度快速优化排名
  • 扬州网站建设多少钱网站备案查询
  • 记事本做网站背景色怎么弄网址大全qq浏览器