在JQuery中通过AJAX上传文件

时间:2009-11-06 08:02:56

标签: jquery ajax file upload

我是JQuery AJAX的新手。我想使用jquery实现文件上传。 是否可以使用JQuery,AJAX创建文件上载并将其发送到Servlet,后者可以使用apache文件commons上传文件。任何人都可以建议我如何继续前进?

谢谢, Deepthi。

5 个答案:

答案 0 :(得分:12)

传统意义上的Ajax是XMLHttpRequest,它不允许您编码本地文件并将其发送到服务器。

通过“ajax”进行上传的常用方法是使用Flash swf处理同一页面上传,或使用目标为隐形1x1 iframe的表单。你有一些Javascript显示上传微调器或其中任何一个。上传文件后,让服务器将一些Javascript返回到iframe,如

<script type="text/javascript">
top.MyProject.doneUploading();
</script>

top将允许您在常规页面中调用Javascript。为了使其有效,您必须确保iframe已提交到顶级文档所在的同一域。

答案 1 :(得分:9)

我在使用Uploadify时遇到了一些问题,因此我转向ajax upload

答案 2 :(得分:3)

尝试Uploadify

答案 3 :(得分:0)

这不是jQuery解决方案,但请看http://www.swfupload.org。我过去曾使用过那个组件给ajax / flickr上传界面。效果很好,很容易集成到您的网站。 http://demo.swfupload.org也有大量的演示。

答案 4 :(得分:0)

我认为jQuery Fileuploader插件是最好的。现在支持Html5 api,它执行拖放和多个文件选择。它独立于平台,非常易于安装。

http://pixelcone.com/fileuploader/