【Python编程】flask框架中实现jquery+ajax上传文件

【Python编程】juqery+ajax实现文件上传

HTML代码：

form标签必须添加enctype属性值必须是multipart/form-data，且上传控件的type属性值必须是file。若想要一个控件可以选择多个文件上传则需要在控件上添加`multiple="multiple"属性

<form id="form-avatar" enctype="multipart/form-data">

    <p>请选择要上传的文件：</p>

    <!--只能选择单个个文件-->

    <p><input type="file" name="file" /></p>

    <p><input id="btn-avatar" type="button" value="上传" /></p>

</form>

Jquery代码

$("#btn-avatar").click(function(){

    $.ajax({   

        url : "users/upload-avatar",

        data: new FormData($("#form-avatar")[0]),

        type : "POST", 

        // 告诉jQuery不要去处理发送的数据，用于对data参数进行序列化处理 这里必须false

        processData : false,

        // 告诉jQuery不要去设置Content-Type请求头

        contentType : false,

        dataType:"json", 

        success : function(json) {   

        },   

        error : function(json) {   

        }   

    });

});

Python的Flask部分代码

通过 request.files 获取上传的文件

从缓存区中取出用户上传的文件

f = request.files['文件框的name值']

通过 f.save(‘保存路径’) 将文件保存到指定目录处

f.filename : 能得到原始的文件名

注意：

    1. 必须保证保存目录是存在的

    2. 保存时要精确到保存的文件名

    3. 保存路径为本地路径，不是访问路径

用户上传文件的文件名重复问题

解决办法：给原用户文件名改一个大概率不会重复的名称

@app.route('/upload',methods=['POST','GET'])

def upload():

if request.method == 'POST':

    # 判断是否有文件上传，防止出错

        if request.files:

        f = request.files['uhead']

        # f.save('flask/videoWeb/static/images/'+f.filename)

        # 处理文件名，防止文件名重复

        # 获取当前文件的绝对路径

        basedir = os.path.dirname(__file__)

        # 获取系统时间

        ftime = datetime.datetime.Now().strftime('%Y%m%d%H%M%s%f')

        # 拼成字符串

        file_path = os.path.join(basedir,'static/images',ftime+f.filename)

        f.save(file_path)

        return '上传成功'