前端页面,大概就是这个样子,很简陋
html+js代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../static/jquery/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>
<div>
<form id="upload" enctype="multipart/form-data" method="post">
<input type="file" name="file" id="pic"/>
<input type="button" value="提交" onclick="uploadPic()"></input>
<span class="showUrl"></span>
<img src="" class="showPic" alt="">
</form>
</div>
</body>
<script type="text/javascript">
function uploadPic() {
var form = document.getElementById('upload'),
formData = new FormData(form);
$.ajax({
url:"/get_account",
type:"post",
data:formData,
processData:false,
contentType:false,
success:function(res){
if(res){
alert("上传成功!");
}
console.log(res);
$("#pic").val("");
$(".showUrl").html(res);
$(".showPic").attr("src",res);
},
error:function(err){
alert("网络连接失败,稍后重试",err);
}
})
}
</script>
</html>
后台接口
@app.route('/get_account',methods=['POST','GET']) def get_account(): if request.method == 'POST': file = request.files.get('file') print(file) if not file: return jsonify({'code': '0', 'message': '没有数据要展示'}) # 文件名 pic_name = file.filename # 文件写入磁盘 file.save(pic_name) #处理文件内容 with open(pic_name, 'r+') as f: data = f.readlines() lc = [] for line in data: dit = [] # 处理内容 if '----' in line: A = line.strip('\n').split('----') else: A = line.strip('\n').split('\t') dit.append(0) dit.append(A[0]) dit.append(A[1]) dit.append(0) dit.append(0) time = datetime.datetime.now().strftime('%Y-%m-%d %H:%M:%S') dit.append(time) dit.append(0) dit.append(0) dit.append(None) dit.append(None) lc.append(dit) DB.enter_data(None,lc) return json.dumps(data) # return render_template('enter_data.html', data=data) else: return json.dumps('没有导入账号')