当前位置: 代码迷 >> 综合 >> input type=file FormData ajax调用后台接口 文件上传
  详细解决方案

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

热度:66   发布时间:2023-11-20 10:20:00.0

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>

 


 

  相关解决方案