用element ui上传带参数的文件，并用flask接收

最新推荐文章于 2024-06-18 10:25:18 发布

原创

最新推荐文章于 2024-06-18 10:25:18 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flask #python #elementui

本文详细展示了如何在Vue应用中使用ElementUI的ElUpload组件上传CSV文件，并附带表单数据传给Flask后端的方法。

需求

网页需要实现上传一个csv文件，并携带两个表单的参数给后端

方法

上传组件

<el-upload
	class="upload-demo"
	drag
	action="/upload" <!--要上传到的路由地址，跟flask路由函数对应-->
	accept=".csv" <!--只接收csv文件-->
	ref="upload" <!--引用标识-->
	:data="ruleForm" <!--额外参数的表单变量名-->
	:auto-upload="false"
	:before-remove="beforeRemove"
	:on-success="handleSuccess"
	:limit="1">
	<i class="el-icon-upload"></i>