ant-design-vue/es/vc-upload/demo/directoryUpload.js

An enterprise-class UI design language and Vue-based implementation

import Upload from '../index';

export default {
  render: function render() {
    var h = arguments[0];

    var uploaderProps = {
      props: {
        action: '//jsonplaceholder.typicode.com/posts/',
        data: { a: 1, b: 2 },
        headers: {
          Authorization: 'xxxxxxx'
        },
        directory: true,
        beforeUpload: function beforeUpload(file) {
          console.log('beforeUpload', file.name);
        }
      },
      on: {
        start: function start(file) {
          console.log('start', file.name);
        },
        success: function success(file) {
          console.log('success', file);
        },
        progress: function progress(step, file) {
          console.log('progress', Math.round(step.percent), file.name);
        },
        error: function error(err) {
          console.log('error', err);
        }
      },
      style: { margin: '100px' }
    };
    return h(
      Upload,
      uploaderProps,
      [h('a', ['\u5F00\u59CB\u4E0A\u4F20'])]
    );
  }
};