formdata

一、框架对比 Django Flask Admin —— Model 原生无 Model 原生无 Form 原生无 Session 有 —— 颠覆认知操作 Django —— 教科书式框架 优势：组件全，功能全，教科书 劣势：占用资源，创建复杂度高 Flask —— 以简单为基准开发，一切从简，能省则省 优势：轻，块 劣势：先天不足，第三方组件稳定性较差 二、Flask入门 下载安装 下载：pip install Flask 注意：不要使用工具中的插件创建 Flask 项目 三行代码启动Flask项目 from flask import Flask app = Flask(__name__) app.run() 三、Flask的请求和响应 3.1 Flask中的响应Response 与django对比 Django Flask 返回 HttpResponse("hello") "hello" 字符串 render(request,"html",{"k":v}) render_template("html",k=v) html页面 redirect("/") redirect("/") 重定向 JsonResponse({"k":v}) jsonify({"k":v}) 标准的json字符串 以上是web框架的Response三剑客 返回字符串 —— string from

https://www.jianshu.com/p/e984c3619019 来源： https://www.cnblogs.com/wt7018/p/11318893.html

请求体body里面 form Data 格式 1、content-type：application/x-www-form-urlencoded 原生form表单提交 需要用qs 格式化成URL格式 &拼接 2、new formData() 提交表单，此时content-type 默认为 multipart/form-data; boundary=---- 区别：两种都是表单提交，urlencoded只能包含基础表单数据name1=value1&name2=value2格式，formData 可包含二进制流，也就可上传文件、new Blob()、大文本 Content-Type: multipart/form-data 一般由提交 new formData() 类型数据浏览器自动指定content-type，暂时未手动指定Content-Type: multipart/form-data 来源： CSDN 作者： trifling_ 链接： https://blog.csdn.net/Trifling_/article/details/92839995

页面格式 注册页面 这里可以看到有头像按钮， 头像需求 有默认的头像 点击头像就可以上传图片 上传图片后可以预览 生成默认的头像 上传默认图片到指定文件夹，然后把img标签的src指定到这里就可以， 点击头像上传图片 默认添加了 <input type="file"> 后会在图片下面显示上传文件夹的选项，这个和我们当初想的不一样，我们可以通过把input标签和img标签重叠到一起，然后让input标签隐藏起来，这样出来的效果就是点击图片就可以点到input文件这个属性了 <div style="width: 80px;height: 80px;position: relative;"> <img id="previewIMG" src="/static/imgs/default.png" alt="头像" style="width: 80px;height: 80px;"> <input type="file" id="Imgfile" class="f1"> </div> f1 属性为： .f1{ position: absolute;width: 80px;height: 80px;top: 0;left: 0;opacity: 0 } 鼠标放到图像上面会显示让上传文件 上传图像后预览 实现这个功能可以有三种方式： 直接把文件存到后台硬盘上，然后在从硬盘上读取出来