码迷,mamicode.com
首页 > Web开发 > 详细

flask jQuery ajax 上传文件

时间:2018-04-24 17:39:59      阅读:704      评论:0      收藏:0      [点我收藏+]

标签:class   ssd   name   content   font   methods   func   function   turn   

1、html 代码

 <div>
        <form id="uploadForm" enctype="multipart/form-data" >
            <div>
                <input type="file" name="file" value="" style="color: white">
                <input type="button" value="上传" id="upFileBtn">
            </div>
        </form>
  </div>
    

注:1、html 部分主要是一个form表单,其中表单的enctype = "multipart/form-data" 必须要有。

  2、由于我的页面背景颜色设置成黑色,所以字体颜色选了白色,这个无伤大雅。

 

var up_file = function () {
var formData = new FormData($(‘#uploadForm‘)[0]);
$.ajax({
    url:"/test/up_file",
    type: "POST",
    data: formData,
    async: true,
    cashe: false,
    contentType:false,
    processData:false,
    success:function (returndata) {
        alert(returndata) 
  },
  error:
function (returndata) {
     alert("上传失败!")

  })

 注:如果要用ajax上传文件,则要用FormData将文件转化为FormData对象。

3、flask部分

@test.route(/up_file, methods=[GET, POST])
def up_file():
    if request.method == "POST":
        file = request.files[file]
       #  file_name = "test.csv"
       file_name = file.filename
        file.save(os.path.join(templates\\files, file_name))

        return 上传成功

注:1、本文没有将蓝本部分写出来,相信路由的配置还是不难的。

  2、本代码将文件存在服务器的templates下files文件夹中,可以直接给文件取个新名字,也可以用rerquest.files[‘file‘].filename获取上传文件时的名字。

flask jQuery ajax 上传文件

标签:class   ssd   name   content   font   methods   func   function   turn   

原文地址:https://www.cnblogs.com/Frange/p/8930688.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!