jQuery / Ajax将文件提交到url localhost

时间:2018-04-03 19:58:50

标签: javascript jquery

我的localhost上有一个页面,其中包含一个输入类型文件和一个提交按钮。

从这个页面我可以上传文件。

看起来像这样:

<form>
  <input type="file">
  <input type="submit" value="Submit">
</form> 

此页面位于网址:http://127.0.0.1/upload.html

我想要做的是让我的index.html将文件提交到此位置,就像这样:

<form action="http://127.0.0.1/upload.html">等......

但我想使用Javascript。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

如果您希望在单击提交按钮时执行操作,则jQuery将需要引用此操作,然后使用ajax加载新页面。

以下是JS的示例代码:

 $(document).ready(function() {
    $('form').submit( function() {
        $.ajax({
            type: 'post',
            url: 'upload.html',
            data:{file},
            success: function (data) {
                alert("done")
            }
        })
    })
})