JavaScript多文件上传及图片预览

• 多文件上传：

  var xhr = new XMLHttpRequest,
      fd = new FormData,
      i = 0;
  //files: $('input[type=file]')[0].files
  for (; i < files.length; i++) {
      fd.append('files[]', files[i]);
  }
  xhr.open('POST', '···.php');
  xhr.onreadystatechange = function() {
      if (this.status == 200 && this.readyState == 4) {
          console.log(this.responseText)
      }
  }
  xhr.send(fd);
  

• 上传图片预览：

  //file: $('input[type=file]')
  file.on('change', function() {
      var reader = new FileReader;
      reader.onload = function(e) {
          img.src = this.result;
      }
      reader.readAsDataURL(this.files[0]);
  })
  

• 相关链接：

  • FileReader
  • FileList
  • File