vue+flask实现文件上传

最新推荐文章于 2024-07-25 22:09:02 发布

程序媛Cinderella

最新推荐文章于 2024-07-25 22:09:02 发布

阅读量3.7k

点赞数 1

分类专栏：经验

本文链接：https://blog.csdn.net/Stripeybaby/article/details/109290896

版权

这篇博客介绍了如何使用Vue.js和Flask框架来实现文件上传功能。通过前端Vue的Element UI组件Upload与后端Flask的API交互，解决了跨域问题，提供了一个完整的文件上传解决方案。

摘要由CSDN通过智能技术生成

帮朋友解决的一个文件上传的需求，没有学过flask，所以是参照官方文档临时搭建的一个服务，跨域也主要是由flask来解决。

前端代码：

<template>
    <div class="page">
        <h2>文件上传</h2>
        <el-form
            ref="regeditForm"
            :model="regeditForm"
            :inline="false"
        >
            <el-form-item>
                <el-upload
                    multiple
                    style="width:350px"
                    class="upload-demo"
                    ref="upload"
                    :file-list="fileList"
                    action
                    :http-request="httpRequest"
                    :auto-upload="false"
                >
                    <el-button size="mini" type="primary">点击上传</el-button>
                    <div slot="tip" class="el-upload__tip"