zdppy_api+vue3+antd实现文件上传功能

后端代码

因为zdppy框架是一个低代码框架,所以后端接口是特别简单的一句话就能搞定。

import api
import upload
from api.middleware import corssave_dir = "uploads"app = api.Api(routes=[upload.upload("/upload", save_dir)],middleware=[cors(),]
)if __name__ == '__main__':app.run()

前端代码

经过大量的尝试以后,前端代码最终以自定义请求方法的形式成功了。

<template><a-uploadv-model:file-list="fileList"name="file"action="http://127.0.0.1:8888/upload":custom-request="customRequest"><a-button><upload-outlined></upload-outlined>Click to Upload</a-button></a-upload>
</template>
<script setup>
import {ref} from 'vue';
import {UploadOutlined} from "@ant-design/icons-vue";
import axios from "axios";const fileList = ref([]);const customRequest = (option) => {const formData = new FormData();const fileUrl = "http://127.0.0.1:8888/upload";formData.append('file[]', option.file);axios.postForm(fileUrl, {file: option.file,}).then(res => {console.log(res)})
}
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/35414.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Driver.js 轻量级、互动式的功能引导效果

主要功能和特点 1. 高亮显示&#xff1a;高亮显示网页上的特定元素&#xff0c;吸引用户注意。 2. 多步骤引导&#xff1a;支持创建多个步骤的引导&#xff0c;每一步都可以高亮不同的元素并提供相应的说明。 3. 弹出提示&#xff1a;在高亮元素旁边显示弹出提示&#xff0c…

顺序结构程序设计(python)

文章目录 1.python运算符1.1 python算数运算1.2python比较运算符1.3 Python赋值运算符1.4 python逻辑运算符1.5 python成员运算符1.6python身份运算符1.7python运算符优先级 2.python数据类型2.1Python 数字类型转换2.2 Python 数字运算2.3 python数学函数2.4 python随机数函数…

开源大模型:技术革新与未来展望

开源大模型&#xff1a;技术革新与未来展望 随着开源程序的发展&#xff0c;越来越多的程序员开始关注并加入开源大模型的行列。开源不仅推动了技术的进步&#xff0c;也创造了一个共享与合作的生态系统。在这个背景下&#xff0c;开源大模型成为了众多技术爱好者和专业人士的…

基于Java+MySQL停车场车位管理系统详细设计和实现(源码+LW+调试文档+讲解等)

&#x1f497;博主介绍&#xff1a;✌全网粉丝10W,CSDN作者、博客专家、全栈领域优质创作者&#xff0c;博客之星、平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌&#x1f497; &#x1f31f;文末获取源码数据库&#x1f31f; 感兴趣的可以先收藏起来&#xff0c;…

PHP护照识别API、护照识别设备

我国经济发展迅速&#xff0c;更多人已经不局限在国内旅游&#xff0c;去国外游玩的人越来越多。巴厘岛是度假胜地&#xff0c;自然也吸引了许多我国的游客。近期&#xff0c;受阿贡火山喷发影响&#xff0c;巴厘岛伍拉莱国际机场于11月27日7时起临时关闭。我国南京的谢女士和朋…

vrrp与mstp

简单实验步骤

「C系列」C 命令行参数

文章目录 一、C 命令行参数二、C 命令行参数-应用场景1. 指定配置选项2. 处理文件3. 传递参数值 三、相关链接 一、C 命令行参数 C语言命令行参数是在运行程序时通过命令行传递给程序的额外信息或数据&#xff0c;用于自定义程序的行为&#xff0c;使程序能够执行不同的操作或…

Aiseesoft Screen Recorder v2解锁版安装教程 (屏幕录像工具)

前言 Aiseesoft Screen Recorder 是一个易于使用的屏幕捕捉工具&#xff0c;可以在您的计算机上录制任何视频或音频并以高质量保存它们。这款功能强大的视频屏幕录制应用程序可以帮助您在 Windows 11/10/8/7 上抓取在线电影和广播、捕捉游戏、制作视频教程、录制网络摄像头视频…

java类的加载 ,类加载器以及双亲委派机制详细介绍

1_类的加载 路径 类的加载过程类的加载时机 类的加载 当程序在运行后&#xff0c;第一次使用某个类的时候&#xff0c;会将此类的class文件读取到内存&#xff0c;并将此类的所有信息存储到一个Class对象中 说明&#xff1a;Class对象是指java.lang.Class类的对象&#xff0c…

解码语言的奥秘:Transformer 与传统 RNN 的比较

1. 引言 介绍自然语言处理的重要性以及 RNN 和 Transformer 在此领域中的应用。 2. 循环神经网络&#xff08;RNN&#xff09;的基本原理 简要介绍 RNN 的工作原理&#xff0c;包括其如何通过循环结构处理序列数据。 3. 自注意力机制 解释自注意力机制的概念&#xff0c;以…

【2024最新版】图解Mysql数据库配置、命令行及Workbench访问(Windows版本)

目录 1. 准备工作1.1 安装MySQL1.2 验证MySQL的环境变量 2. 环境变量配置3. 访问MySQL3.1 命令行访问MySQL3.2 Workbench访问MySQL 1. 准备工作 1.1 安装MySQL 如果您已经安装了MySQL&#xff0c;请从【2. Mysql 环境配置】开始&#xff1b;如果您没有安装MySQL&#xff0c;请…

[Gstreamer] gstbasesink 的 QOS 机制

前言&#xff1a; gstreamer里很多element都提供 QOS 机制&#xff0c;src&#xff0c;filter 和 sink 都有。Sink element 的 QOS 机制由 gstbasesink 统一提供。 qos (quality of service) 是一种评价机制&#xff0c;这个领域中都有这一概念&#xff0c;比如网络的qos。…

使用ffmpeg调整视频分辨率/帧率并保持高清晰度

1、原始视频信息 通过ffmpeg -i命令查看视频基本信息 ffmpeg -i input.mp4 ffmpeg version 6.1-essentials_build-www.gyan.dev Copyright (c) 2000-2023 the FFmpeg developersbuilt with gcc 12.2.0 (Rev10, Built by MSYS2 project)configuration: --enable-gpl --enable-v…

java数组转列表

Arrays.asList 是 Java 中的一个方法&#xff0c;用于将数组转换为固定大小的列表。这个方法在 java.util.Arrays 类中定义&#xff0c;常用于将数组转换为 List 以便使用集合框架中的其他方法。 主要特性 转换数组为列表&#xff1a;将一个数组转换为一个 List&#xff0c;从…

【MySQL】数据库的索引机制

文章目录 前言1. 索引是什么2. 索引的优缺点2.1 优点2.2 缺点 3. 索引的操作3.1 创建索引3.2 查看索引3.3 删除索引 4. 索引的存储原理4.1 B树4.2 B树 结语 前言 在数据库中&#xff0c;我们经常使用到的操作就是查询&#xff0c;当数据量小的时候&#xff0c;查询的速度很快&…

COMSOL - 一个点光源是否总能照亮整个房间?

20 世纪 50 年代&#xff0c;数学家恩斯特施特劳斯&#xff08;Ernst Straus&#xff09;提出了一个有趣的问题&#xff1a;在一个侧壁由理想反射镜构成的任意形状的空房间里&#xff0c;一个点光源是否总能照亮整个房间&#xff1f;诺贝尔奖获得者罗杰彭罗斯&#xff08;Roger…

1S013485认证:企业腾飞的引擎

在全球化的今天&#xff0c;企业要想在激烈的市场竞争中立于不败之地&#xff0c;必须不断提升自身的综合实力。1S013485认证正是帮助企业实现这一目标的重要工具。获得这项认证&#xff0c;企业不仅能在市场竞争中占据优势&#xff0c;还能在多个层面实现质的飞跃&#xff0c;…

Linux下快速搭建jupyter远程连接-小白即可上手

如何设置jupyter远程连接 第一步 **[1] jupyter notebook --generate-config**此时&#xff0c;在~/.jupyter文件夹下就有 jupyter_notebook_config.py 第二步 vim jupyter_notebook_config.py在此文件最前面添加 c get_config() c.NotebookApp.ip * c.NotebookApp.passw…

mac m芯片下安装nacos

背景&#xff1a;最近再研究 下载地址&#xff1a; https://nacos.io/download/nacos-server/ 解压zip包 unzip nacos-server-2.3.2.zip启动 进入到bin目录下 ./startup.sh -m standalone访问可视化界面 账号密码都是nacos&#xff0c;进行登录即可&#xff0c;nacos的端口为…

还在为职场烦恼?六西格玛黑带培训来帮忙!

为什么现在越来越多的学员都直奔六西格玛黑带培训呢&#xff1f;别急&#xff0c;张驰咨询这就来给你们揭秘&#xff01; 首先&#xff0c;六西格玛这个名头可不是盖的&#xff01;它就像是企业管理的“超级英雄”&#xff0c;专门解决各种流程中的“小怪兽”——也就是那些影…