如果在文件输入上使用@ change =“ function”，则无法访问dd（$ request）上的文件

Question

我正在尝试使用Laravel提交表单。我的表单如下所示：-

<form action="{{ route('name') }}" method="post" enctype="multipart/form-data">
  <input type="file" name="image" class="image-input" @change="previewImage" v-if="fileReady" required>
  // Others inputs Not File
  <button type="submit" class="btn btn-primary">Upload Image</button>
</form>

这是Vue中的预览图像功能：-

          previewImage: function(ev) {
             if (ev.target.files[0]) {
                var self = this;
                var imageReader = new FileReader();
                imageReader.onload = function(e) {
                  var image = new Image();
                  image.src = e.target.result;
                  image.onload = function() {
                    self.imageHeight = this.height;
                    self.imageWidth = this.width;
                  }
                  self.imageLoaded = true;
                  self.uploadedPath = e.target.result;
                };
                imageReader.readAsDataURL(ev.target.files[0]);
             } else {
               this.clearFile(); 
             }
           }

我正在使用此功能预览图像并显示其高度和宽度

问题是： 一切正常，直到我提交表格。提交表单时，我在dd（$ request）时无法获得“图像”作为文件。

我没有使用vue提交表单。以旧的方式提交。