Блог

Вот, я использую это vue.js код для многопозиционных изображений. Итак, здесь я сталкиваюсь с ошибкой. Поэтому, пожалуйста, скажите мне, где я ошибаюсь. И ошибка в том, что

 upload is not defined.  

Поэтому, пожалуйста, помогите мне разобраться в этом. Пока я загружаю изображения, изображения не отображаются, и я сталкиваюсь с такой ошибкой, как «загрузка не определена». Поэтому, пожалуйста, помогите мне разобраться в этом, я много пытаюсь, но не могу решить проблему

 lt;htmlgt; lt;headgt; lt;script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"gt;lt;/scriptgt; lt;/headgt;  lt;bodygt; lt;div id="app"gt;  lt;div class="container"gt;  lt;!--UPLOAD--gt;  lt;form enctype="multipart/form-data" novalidate v-if="isInitial || isSaving"gt;  lt;h1gt;Upload imageslt;/h1gt;  lt;div class="dropbox"gt;  lt;input type="file" multiple :name="uploadFieldName" :disabled="isSaving" @change="filesChange($event.target.name, $event.target.files); fileCount = $event.target.files.length"  accept="image/*" class="input-file"gt;  lt;p v-if="isInitial"gt;  Drag your file(s) here to beginlt;brgt; or click to browse  lt;/pgt;  lt;p v-if="isSaving"gt;  Uploading {{ fileCount }} files...  lt;/pgt;  lt;/divgt;  lt;/formgt;  lt;/divgt;      lt;script type="module"gt;  import { upload } from "./file-upload.fake.service";   import { wait } from "./utils"; lt;/scriptgt;    lt;scriptgt;  const STATUS_INITIAL = 0, STATUS_SAVING = 1, STATUS_SUCCESS = 2, STATUS_FAILED = 3;    new Vue({  el: '#app',  data() {  return {  fileCount:'',  uploadedFiles: [],  uploadError: null,  currentStatus: null,  uploadFieldName: 'photos'  }  },  computed: {  isInitial() {  return this.currentStatus === STATUS_INITIAL;  },  isSaving() {  return this.currentStatus === STATUS_SAVING;  },  isSuccess() {  return this.currentStatus === STATUS_SUCCESS;  },  isFailed() {  return this.currentStatus === STATUS_FAILED;  }  },  methods: {  reset() {  // reset form to initial state  this.currentStatus = STATUS_INITIAL;  this.uploadedFiles = [];  this.uploadError = null;  },  save(formData) {  // upload data to the server  this.currentStatus = STATUS_SAVING;  upload(formData)  .then(wait(1500)) // DEV ONLY: wait for 1.5s   .then(x =gt; {  this.uploadedFiles = [].concat(x);  this.currentStatus = STATUS_SUCCESS;  })  .catch(err =gt; {  this.uploadError = err.response;  this.currentStatus = STATUS_FAILED;  });  },  filesChange(fieldName, fileList) {  // handle file changes  const formData = new FormData();  if (!fileList.length) return;  // append the files to FormData  Array  .from(Array(fileList.length).keys())  .map(x =gt; {  formData.append(fieldName, fileList[x], fileList[x].name);  });  // save it  this.save(formData);  }  },  mounted() {  this.reset();  },  })  lt;/scriptgt; lt;/bodygt; lt;/htmlgt;