前端：HTML JS JQUERY 异步上传文件

异步上文件

前端通过ajax来异步上传文件，有不刷新页面，UI友好的优点。

如何使用

<!-- 这是你的表单域 -->
<input type="file" id="file">


<script>
function uploadFile() {
    var formData = new FormData();
    var files = $('#file')[0].files;
    // 这里是单文件上传
    formData.append('image', files[0]);
    // 这里是多文件上传
    // for (var i = 0; i < files.length; i++) {
    //   formData.append('image[' + i + ']', files[i]);
    // }

    $.ajax({
      type:'POST',
      url:'/index/index/test',
      data: formData,
      cache: false,
      processData: false,
      contentType: false,
      success: function (data) {
        // 请求成功
      }
    });
  }
</script>