web上传文件，并获取返回数据

上传文件，并获取返回数据

界面元素设置

<!--经典的提交表单，阻止跳转-->
<iframe id="hidden_iframe" name="preventIframeName" style="display:none;"></iframe>
<form id="importInfo" target="preventIframeName" :action="uploadUrl" method="post" enctype="multipart/form-data">
    <span class="file">
      <input id="file" name="file" type="file"/>选择文件
    </span>
    <label>{{files.name}}</label>
</form>
<!--提交按钮关联到表单-->
<button form="importInfo" @click="uploadFile">确认导入</button>

---

下面为js代码

uploadFile(){
  var self = this
  $("#hidden_iframe").load(function(){
      var content = document.getElementById("hidden_iframe").contentWindow.document.body.innerHTML;
      alert(content);  //显示提交表单返回结果
      $("#hidden_iframe").unbind("load");
      self.close();  //关闭模态框
});

---

注意：jquery版本选择1.9.1，不要选择3.1.1，否则在使用$().load(function(){});的时候会出现错误。