最近遇到一个项目,上传按钮并未在组件 a-upload-dragger 内,可以按照如下方式触发文件上传的事件:

 <a-upload-dragger
      ref="uploadDragger"
      accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/pdf, application/msword"
      :show-upload-list="false"
      :before-upload="file => { beforeUpload(file) }"
      :customRequest="file => { selfUpload(file) }"
      @change="info => { handleChange(info) }"
    >
     
      <div>
        <p class="ant-upload-text">
          拖拽文件到这里,或点击可上传文件
      </div>
    </a-upload-dragger>
 <a-button
        type="primary"
        @click="onClickUpload"
      >上传本地</a-button>
onClickUpload() {
        this.$refs.uploadDragger.$el.querySelector("input").click();
    }

Logo

中国智能体开发者社区,聚焦智能体与大模型开发,提供前沿资讯、实用工具链、开源项目及行业案例。通过技术沙龙、开发者大赛等活动,促进经验交流与协作,助力开发者快速构建创新智能应用。

更多推荐