如何使用jQuery和php创建文件上传?

时间:2011-07-21 16:07:32

标签: javascript ajax jquery file-upload

我如何创建一个jQuery多图像上传(选择文件后只显示图像不插入数据库的上传没有刷新页面)并提交额外的表格数据并通过点击按钮提交全部而不刷新页面数据插入数据库。 jquery和php?

  

喜欢:
有标签形式:复选框,输入:文本,输入:textarea,   选择:选项和输入:文件

上传PHP知道,但不知道使用jQuery上传 我从哪里开始,我应该使用什么?
给我链接会教程还是解释?
我没有使用插件,也不想从中获取想法。

尊重

3 个答案:

答案 0 :(得分:1)

答案 1 :(得分:0)

使用JQuery Ajax File Upload。在服务器端,在请求中查找您的文件。

答案 2 :(得分:0)

我使用plupload。它非常简单易用。

这是demo page

我的某个应用中的示例代码:

uploader = new plupload.Uploader({
                    runtimes: 'html5,gears,flash,silverlight,browserplus',
                    browse_button: 'browse',
                    drop_element: 'uploadContainer',
                    container: 'uploadContainer',
                    max_file_size: '10mb',
                    multi_selection: false,
                    url: 'someFile.php',
                    flash_swf_url: 'http://www.plupload.com/plupload/js/plupload.flash.swf',
                    silverlight_xap_url: 'http://www.plupload.com//plupload/js/plupload.silverlight.xap',
                    filters: [{ title: "Image files", extensions: "jpg,gif,png" },
                              { title: "Pdf files", extensions: "pdf"}]
                });