Django 上传图片 及图文混编操作

Django 上传图片 及图文混编操作

Django 上传图片 需要完成以下配置

首先static 下要有 以下几个js 文件

tinymce_setup.js
jquery-1.12.4.min.js
jquery.form.min.js
jquery.tinymce.min.js

引入图文混编这个要注意 引入下面这个js 文件一定要创建和这个文件一样的路径

jquery.tinymce.min.js 这个路径特别要注意

引入js

 <script type="text/javascript" src="../../static/sadmin/js/jquery-1.12.4.min.js"></script>
 <script type="text/javascript" src="../../static/sadmin/js/jquery.form.min.js"></script>
 <script src="../../static/sadmin/tinymce/js/tinymce/tinymce.min.js"></script>
 <script src="../../static/sadmin/js/tinymce_setup.js"></script>

进入 tinymce_setup.js文件修改 imageupload_url 为:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Django上传图片需要按照以下步骤进行: 1. 在模型中定义一个 ImageField 字段来保存图片。 2. 在表单中添加一个 FileField 以允许用户上传图片。 3. 在视图函数中处理表单提交的数据。 4. 在 HTML 模板中添加一个 `<form>` 元素并包含一个文件输入元素,以便用户可以选择要上传的图片。 5. 使用 Django 的 `ModelForm` 类来自动生成表单。 示例代码如下: ``` # models.py from django.db import models class Article(models.Model): title = models.CharField(max_length=200) content = models.TextField() image = models.ImageField(upload_to='images/') # forms.py from django import forms from .models import Article class ArticleForm(forms.ModelForm): class Meta: model = Article fields = ['title', 'content', 'image'] # views.py from django.shortcuts import render, redirect from .forms import ArticleForm def create(request): if request.method == 'POST': form = ArticleForm(request.POST, request.FILES) if form.is_valid(): form.save() return redirect('articles:index') else: form = ArticleForm() return render(request, 'articles/create.html', {'form': form}) # create.html <form method="post" enctype="multipart/form-data"> {% csrf_token %} {{ form.as_p }} <button type="submit" class="btn btn-primary">Create</button> </form> ``` 在这个例子中,我们定义了一个名为 `Article` 的模型,其中包含一个名为 `image` 的 `ImageField`。然后我们创建了一个名为 `ArticleForm` 的表单,该表单包含标题、内容和图像字段。在视图函数 `create()` 中,我

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值