<markdown>
# 拖拽上传

你可以把 `directory-dnd` 设为 `true` 来允许拖拽上传文件夹。
</markdown>

<script lang="ts" setup>
import { ArchiveOutline as ArchiveIcon } from '@vicons/ionicons5'
</script>

<template>
  <n-upload
    multiple
    directory-dnd
    action="__HTTP__://www.mocky.io/v2/5e4bafc63100007100d8b70f"
    :max="5"
  >
    <n-upload-dragger>
      <div style="margin-bottom: 12px">
        <n-icon size="48" :depth="3">
          <ArchiveIcon />
        </n-icon>
      </div>
      <n-text style="font-size: 16px">
        点击或者拖动文件到该区域来上传
      </n-text>
      <n-p depth="3" style="margin: 8px 0 0 0">
        请不要上传敏感数据，比如你的银行卡号和密码，信用卡号有效期和安全码
      </n-p>
    </n-upload-dragger>
  </n-upload>
</template>
