Upload 上传
通过点击或者拖拽上传文件。
基础用法
通过点击上传文件。
展开查看
vue
<template>
<div style="width: 500px; border: 1px solid #ddd; padding: 20px">
<tass-upload @changeUpload="changeUpload" @deleteUpload="deleteUpload"></tass-upload>
</div>
</template>
<script setup lang="ts">
// 上传更新文件，第一个参数为当前上传文件，第二个参数为上传之后的文件列表
const changeUpload = (file: any, fileList: any) => {
console.log(file, fileList);
};
// 删除更新文件，第一个参数为当前删除文件，第二个参数为上传之后的文件列表
const deleteUpload = (file: any, fileList: any) => {
console.log(file, fileList);
};
</script>
拖拽上传
通过点击或者拖拽文件实现上传。
拖拽到此上传,或 点击上传
展开查看
vue
<template>
<div style="width: 500px; border: 1px solid #ddd; padding: 20px;margin-top:20px;">
<tass-upload :drop="true" @dropUpload="dropUpload" @deleteUpload="deleteUpload"></tass-upload>
</div>
</template>
<script setup lang="ts">
// 拖拽文件，第一个参数为当前上传文件的列表（因为拖拽可能上传多个），第二个参数为上传之后的文件列表
const dropUpload = (files: any, fileList: any) => {
console.log(files, fileList);
};
</script>