通过Ajax向后端发送文件
前端代码
<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'#返回成功信息还没有评论,来说两句吧
