图文混排 图片上传

1、引入

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

2、使用

3、配置。
在tinymce_setup.js文件最下边的 imageupload_url:为图片上传对应的接口
imageupload_url: “/admin/submit-image”

4、图片上传接口
@admin_blue.route(’/submit-image’)
def submit_image():
# 获取文件 get(‘file’) 为固定写法
img = request.files.get(‘file’)
image_name = photos.save(img) # 将头像保存到 程序目录下
image_url = ‘/static/upload/’ + image_name # 生成图片保存到地址

mes = {}
mes['path'] = image_url     # key为固定值，不可随意修改
mes['error'] = False        # key为固定值，不可随意修改

return jsonify(mes)

5、渲染页面。使用过滤器 safe
{{ data.content | safe}}

图片上传

1、导包：
from flask_uploads import UploadSet, IMAGES, configure_uploads
import sys
import os

2、配置
# 图片上传配置
fn = getattr(sys.modules['__main__'], '__file__')
root_path = os.path.abspath(os.path.dirname(fn)) + "/static/upload"
app.config['UPLOADED_PHOTO_DEST'] = root_path
app.config['UPLOADED_PHOTO_ALLOW'] = IMAGES
photos = UploadSet('PHOTO')
configure_uploads(app, photos)

3、上传到服务器
if image:
image_name = photos.save(image)         # 将头像保存到 程序目录下
image_url = '/static/upload/' + image_name   # 生成图片保存到地址

4，表单中添加 enctype="multipart/form-data"

<formaction="" enctype=“multipart/form-data” method=“post”>