使用AJAX请求将上传的文件发送到API

时间:2017-08-19 13:07:47

标签: javascript jquery ajax api

我正在使用带有ajax的HTML网站通过localhost测试一些API函数来进行api调用,一切都很好,直到我碰到这个api调用:

localhost/uploadFile?file=?????&userID=123421

我到处搜索有关上传文件并使用API​​发送但无法找到任何有用信息的方法,我对此API调用(uploadFile)的了解是它只能是POST请求。

所以这就是我的所作所为:

HTML代码:

<form method="post" id="form">
<input type="file" name="file" id="file">
<button type="submit" onclick="check(this.form)" id="submitbtn" >Send</button>
</form>

Ajax脚本:

function check(form){

     $.ajax({
        url: "http://localhost/uploadFile&file="+document.getElementById("file").value+"&userID=123421",
        type: "POST",
        dataType: "json",
        success: function (result) {
            switch (result) {
                case true:
                    alert(result);
                    break;
                default:
                    alert(result);
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
        alert(xhr.status);
        alert(thrownError);
        }
    });
}

我发现本教程为use ajax to upload一个文件,但它只将它保存到服务器,如何用api发送它?神秘的是参数 file 我能在那里保存什么?我打印了document.getElementById("file").value的值,它只是像C:/fakepath/fileName.txt那样的东西,如果你知道这是如何工作将是非常有帮助的我是ajax的新手,我对其他网络编程语言开放,除了php出于某些原因......

0 个答案:

没有答案