使用ajax帖子上传文件而不刷新页面

时间:2013-07-31 12:43:13

标签: javascript jquery ajax

我有一个页面file-upload.jsp,下面是代码片段:

 <form action="" id="frmupload" name="frmupload" method="post" enctype="multipart/form-data">
     <input type="file" id="upload_file" name="upload_file" multiple="" />
     <input type="submit" value="Update" />
 </form>

我有两个问题:

  1. 我选择一些文件的那一刻,即onchange类型input的{​​{1}}事件,应该上传文件。

    我有一个Java页面,它接收多部分请求参数并将文件上传到所述位置。我的问题是表单提交file,因此Java文件可以继续进行进一步的操作。

    我用Google搜索并浏览了大量文章。有人说不可能通过Ajax直接上传文件,有人说通过Ajax / jQuery将表单提交给iframe。

    我尝试了很多来自互联网的代码,例如:

    onchange

    但无法获得预期的结果。

  2. 我还需要上传操作的进度条。

3 个答案:

答案 0 :(得分:3)

使用IFrame查看此示例,在PHP中,但更改操作应该可以解决问题

Ajax Style File Uploading Using Hidden IFrame

答案 1 :(得分:1)

由于您已经在使用jQuery,我肯定会使用jQuery Form Plugin,它允许您通过AJAX进行表单上传,即使表单包含file输入。

其网站上有example,显示如何显示进度条。

答案 2 :(得分:0)