解决tinymce添加本地图片问题

最新推荐文章于 2024-08-06 14:35:02 发布

天蓝之蝎

最新推荐文章于 2024-08-06 14:35:02 发布

阅读量1.5w

点赞数 1

分类专栏：技术文章标签： django tinymce 本地图片上传

本文链接：https://blog.csdn.net/tianlanzhixie/article/details/50240071

版权

本文介绍如何在Django中解决TinyMCE编辑器添加本地图片的问题。通过前端上传图片到后端，后端存储图片并返回JS填充图片URL，最终将图片显示在文本框中。后续优化方向包括将图片存储到media目录及改善用户体验。

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

##解决思路：
前端添加一个form，form中包含一个input来选择本地图片，form提交本地图片到server端。
后端接收图片，将图片存储到server上，之后返回一段js，js的作用是填写图片的url，之后出发完成按钮，显示图片到textarea中。
##实现：
###前端html

<scriptsrc=“http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js”>
利用jquery来完成form上传等

###后端view处理：
from django.http import HttpResponse
from django.shortcuts import render
from django.views.decorator.csrf import csrf_exempt
from PIL import Image

def index(request):
          return render(request, 'upload_img/index.htm')

@csrf_exempt
def upload(request):
     try:
          file = request.FILES['image']
          form提交的文件的名字，上面html里面的name
          img = Image.open(file)
          img.thumbnail((500, 500), Image.ANTIALIAS)
          img.save('/home/andy-geng....'+file.name, img.form