input type=file FormData ajax调用后台接口 文件上传

html代码：

  <input type="file" name="upFile" id="upFile" value=""  />
  <input type="button" οnclick="post();" value="上传"  />

 

 

js代码：

<script type="text/javascript">
    localStorage.setItem("token",'xxx');
    var token = localStorage.getItem("token");
    function post(){
        var formData = new FormData();
        //接口接收参数 键值形式 添加到formData中
        formData.append("upFile",$("#upFile")[0].files[0]);
        formData.append("token",token);
        $.ajax({
            url:'xxx',//url地址
            type:'post',
            data: formData,
            contentType: false,
            processData: false,
            success:function(res){
                console.log(res);
            }
        })
    }
</script>