如何在定义模板之前重构可以上传图像的代码？

Question

我有一个在将图像上传到现有（已定义）模板时工作正常的功能。但是，我想知道是否可以重构它以便能够在定义模板之前（即创建模板时）上传图像。

这是功能：

newImageSelected: function (imageList) {
  let vc = this
  console.log('vc.template.id', vc.template.id)
  Template.uploadImage(vc.template, imageList[0])
    .then(function (response) {
      alert("La media ha sido cargada")
      console.log("La media ha sido cargada", response.data)
      if (!vc.template.images) vc.template.images = []
      vc.template.images.push(response.data)
    })
    .catch(function (err) {
      alert("Hubo un error cargando la media")
    })
}

这是uploadImage：

function uploadImage (template, image) {

  let formData = new FormData()
  formData.append('image', image)
  console.log("uploadImage - template.id: " + template.id)

  return axios.post(API.templateUploadImage(template.id), formData)
}

记录template.id写undefined。我尝试分配一个临时的template.id等于数组的长度，但这并不起作用，因为axios试图推送到一个不存在的URL。