Файл, загруженный с Vue. JS Пользовательский интерфейс не захватывается контроллером MVC - PullRequest
Новая
       27

Файл, загруженный с Vue. JS Пользовательский интерфейс не захватывается контроллером MVC

0 голосов
/ 16 января 2020

Таким образом, в моем Vue компоненте у меня есть следующий диалог загрузки файла. 

<div class="file has-name is-right">
  <label class="file-label">
    <input class="file-input" type="file" v-on:change="HandleFileUpload" accept=".pdf">
    <span class="file-cta">
      <span class="file-icon">
        <i class="icon-file-pdf"></i>
      </span>
      <span class="file-label">
        Choose a file…
      </span>
    </span>
    <span class="file-name" v-text="UploadFileName" style="width: 16em" />
  </label>
</div>

, который обрабатывается следующим методом в разделе моих методов: 

HandleFileUpload(e) {
  var files = e.target.files || e.dataTransfer.files;
  console.warn(files);
  if(files.length > 0) {
    var uploadFile = files[0];
    this.UploadFileName = uploadFile.name;
    var formData = new FormData();
    formData.append('Foo', this.Foo);
    formData.append('File', uploadFile, this.UploadFileName);
    axios.post(
      '/Foo/Upload',
      data,
      { headers: { 'Content-Type': 'multipart/form-data' } }
    ).then(/* logic to handle callback */);
  } else {
    this.UploadFileName = null;
  }
}

И наконец, мой MVC контроллер, в котором заключается проблема 

[HttpPost]
public ActionResult Upload(FormCollection data)
{
  var Foo= data.Get("Foo").Trim();
  var Files = data.Get("File");
  /* Rest of the method */
}

Файлы в контроллере MVC равны нулю, несмотря на то, что они заполнены фактическими данными файла в JS и в сетевом вызове, когда я проверить это с помощью инструментов разработчика. Я что-то упускаю из взаимодействий FormData с FormCollection?

1 Ответ

1 голос
/ 16 января 2020

Хм, попробуйте этот подход, я только что проверил созданное мной веб-приложение, которое использует ASP. NET и ax ios для публикации, и мой JS выглядит почти так же, как ваш, в ASP. NET, я в основном делаю это: 

HttpContext context = System.Web.HttpContext.Current;
HttpPostedFile postedFile = context.Request.Files.Count > 0
                ? context.Request.Files.Get(0)
                : null;
...