ImageUploader 图片上传 APP

该方法或组件支持移动端小程序调用

PC

该方法或组件支持桌面端小程序调用

<template>
  <ImageUploader
    v-model="files"
    post-action="/postImage.action"
    :size="1024 * 1024 * 200"
    @input-file="inputFile"
    :customAction="customAction"
  />
</template>
<script>
export default {
  name: 'uploaderExample',
  data () {
    return {
      files: [],
      uploadFiles: []
    }
  },
  watch: {
    files (val) {
      console.log(val)
    }
  },
  methods: {
    async inputFile(newFile, oldFile) {
      console.log('input file: newFile', newFile);
      console.log('input file:oldFile', oldFile);
    },
    customAction () {
      this.$Toast.loading({
        content: '上传中...',
        duration: null,
      });
      return new Promise(resolve => {
        setTimeout(() => {
          this.$Toast.hide();
          this.$Toast.success({
            content: '上传成功',
            duration: 1.2,
            mask: false
          });
          resolve(true);
        }, 1000);
      })
    }
  }
}
</script>