在DropArea中拖放文件并通过表单提交上传

时间:2018-02-22 10:36:41

标签: javascript jquery html asp.net html5

我无法在表单帖子中获取文件详细信息,

<form action="/FileUpload/SaveDefault" id="form0" method="post" enctype="multipart/form-data" encoding="multipart/form-data">
  <input class="uploader" type="file" data-role="none" name="UploadDefault" multiple="multiple">
  <input type="submit" value="save">
</form>

在拖动区域,一旦我在那里拖放文件,就会触发掉落事件,在那里我得到文件详细信息并通过'prop'设置为输入字段。

我已经绑定了drop事件,

onDropHandler: function (e) {                
  e.stopPropagation();
  e.preventDefault();
  $("input[type='file']").prop("files", e.originalEvent.dataTransfer.files);
}

在代码背后,(表格发布)

public ActionResult SaveDefault(IEnumerable<HttpPostedFileBase> UploadDefault,ImageDetails datas)
{
  foreach (var file in datas.UploadDefault)
  {
    string fileName = file.FileName ;
  }
}

这些逻辑在Chrome中运行良好,但在IE中有所突破。我在哪里弄错了?

0 个答案:

没有答案