form表单文件异步上传和文件下载

• 文件同步上传刷新界面：采用form表单的方式上传(刷新界面)
• 文件异步上传，不刷新上传界面
  • 方式一：XMLHttpRequest + FormData

//从文件输入框的属性files中获取文件列表，可以通过数组的大小判断文件是否上传
var files = $('input[name="file"]').prop("files");
var formData = new FormData();
formData.append("upload",files[0]);
//原始ajax连接
var xhr = new XMLHttpRequest();
//url中可以携带参数
xhr.open("POST", url);
xhr.send(formData);
/*状态变化监听*/
xhr.onreadystatechange = function () {
   var responseText = JSON.parse(xhr.responseText);
   if(responseText.resCode === 200){
   	//从responseText 中获取返回的内容
   	
   }
}

• 文件下载
  • 创建一个隐藏的iframe
  • <iframe id="iframe" style="display:none" ></iframe>
  • 要下载的连接指向iframe
  • document.getElementById('iframe').src = getContextPath + "xxx"