Advertisement

Ant Design Upload组件中下载和删除功能的使用

阅读量:

Upload组件下载与删除功能应用

    • Upload组件的基础应用
      • 文件移除功能的达成方式
      • 文件下载功能的实现途径
      • 完整代码示例

Upload组件的基本使用

不妨先参考官方所提供的示例进行了解

复制代码
    <template>
      <div>
    <a-upload
      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
      list-type="picture"
      :default-file-list="fileList"
    >
      <a-button> <a-icon type="upload" /> upload </a-button>
    </a-upload>
      </div>
    </template>
    <script>
    export default {
      data() {
    return {
      fileList: [
        {
          uid: '-1',
          name: 'xxx.png',
          status: 'done',
          url: 'https:

全部评论 (0)

还没有任何评论哟~