通过Ajax向后端发送文件

2019-06-05 22:39:28阅读 202评论 0

前端代码

    <input id='uploadForm' type="file" name='file1' value="上传">  
    <input type="button" id='submit' class='btn btn-info' value="提交">  
    <p class="text-danger" id='info'></p>  
    <script>  
        $(function(){

        $('#submit').click(function(){  
            var formData = new FormData();//创建一个FormData对象  
            formData.append('file1',$('#uploadForm')[0].files[0])//获取到文件,并将将文件添加到FormData对象中  
            $.ajax({  
                method:'post',  
                url:'/upload',  
                data:formData,  
                contentType:false,//发送文件必加此属性  
                processData:false,//发送文件必加此属性  
                success:function(data){  
                    $('#info').html('上传成功')  
                }  
                })  
            })  
        })

    </script>

flask后端代码

    from flask import Flask,render_template,request  
    from werkzeug import secure_filename

    @app.route('/upload',methods=['POST'])  
    def upload():  
        f=request.files['file1']#从请求中获取文件  
        f.save('uploadfiles/'+secure_filename(f.filename))#保存文件  
        return 'ok'#返回成功信息

还没有评论,来说两句吧