按下按钮后如何重置上传的文件

Question

用户可以在我的网站上绘制上载的图像。我添加了一个按钮来完全清除画布，但是问题是，如果用户想再次在该图像上绘画，他们将无法进行操作，因为上传按钮仍然认为它在那里。看到：https : //imgur.com/a/kfcZ4KO

我在画布上使用vue和面料

这是我所拥有的

    <b-field position="is-centered" class="file">

      <b-upload required accept="image/*" v-model="filename">

        <a class="button is-primary">

          <b-icon icon="upload"></b-icon>

          <span>Click to upload</span>

        </a>

      </b-upload>

      <span class="file-name" v-if="filename">{{ displayFileName }}</span>

      <a class="button is-primary" v-on:click="clearArtboard">

        <span>Clear</span>

      </a>

我的透明canvas方法只有这个。（我认为我需要在这里添加一些内容？）

    clearArtboard() {

      var canvas = this.__canvas;

      canvas.clear();

    },

文件上传时触发

    async filename(file) {

      this.$Progress.start();

      const data = new FormData();

      data.append("file", file);

      data.append("upload_preset", "");

      const res = await fetch(

        "https://api.cloudinary.com/v1_1//image/upload",

        {

          method: "POST",

          body: data

        }

      );

      const uploadedFile = await res.json();

所以我该怎么做，所以当我按清除键时，上传按钮会认为没有文件上传？谢谢