Php 使用jQuery的多图像上传器

Php 使用jQuery的多图像上传器,php,jquery,image,file-upload,Php,Jquery,Image,File Upload,我想创建一个PHP代码,将上传多个图像。只有一件事我在挣扎。我得到了上传图片的代码,但问题是浏览器超时。如果我想同时上传例如250张图片,它会开始处理,直到超时,结果不是所有的图片都会被上传 我想了一会儿,我想如果我可以使用jqueryajax我可以在后台发送图像并上传到那里,也许我不会出现超时错误。我这样认为是因为一次上传一个图像不应该导致超时错误,所以如果我可以获取所有图像,并通过jQuery逐个发送它们以进行上传,这可能会起作用 你觉得怎么样?你还有别的建议吗?请记住,我一次可以上载100

我想创建一个PHP代码,将上传多个图像。只有一件事我在挣扎。我得到了上传图片的代码,但问题是浏览器超时。如果我想同时上传例如250张图片,它会开始处理,直到超时,结果不是所有的图片都会被上传

我想了一会儿,我想如果我可以使用
jqueryajax
我可以在后台发送图像并上传到那里,也许我不会出现超时错误。我这样认为是因为一次上传一个图像不应该导致超时错误,所以如果我可以获取所有图像,并通过jQuery逐个发送它们以进行上传,这可能会起作用

你觉得怎么样?你还有别的建议吗?请记住,我一次可以上载100张图像,甚至一次可以上载2000张图像。

使用plugin,它是一个很棒的插件,非常适合上载多个文件,您可以通过服务器端脚本轻松处理这些文件:

下面是一个示例代码:

<!---------HTML ------------->

 <div id="uploader">
        <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p>
    </div>

  <!-------------JS -----------------> 
    <script type="text/javascript">
    // Initialize the widget when the DOM is ready
    $(function() {
        $("#uploader").plupload({
            // General settings
            runtimes : 'html5,flash,silverlight,html4',
            url : "examples/upload",

            // Maximum file size
            max_file_size : '2mb',

            chunk_size: '1mb',

            // Resize images on clientside if we can
            resize : {
                width : 200,
                height : 200,
                quality : 90,
                crop: true // crop to exact dimensions
            },

            // Specify what files to browse for
            filters : [
                {title : "Image files", extensions : "jpg,gif,png"},
                {title : "Zip files", extensions : "zip,avi"}
            ],

            // Rename files by clicking on their titles
            rename: true,

            // Sort files
            sortable: true,

            // Enable ability to drag'n'drop files onto the widget (currently only HTML5 supports that)
            dragdrop: true,

            // Views to activate
            views: {
                list: true,
                thumbs: true, // Show thumbs
                active: 'thumbs'
            },

            // Flash settings
            flash_swf_url : 'http://rawgithub.com/moxiecode/moxie/master/bin/flash/Moxie.cdn.swf',

            // Silverlight settings
            silverlight_xap_url : 'http://rawgithub.com/moxiecode/moxie/master/bin/silverlight/Moxie.cdn.xap'
        });
    });
    </script>

您的浏览器不支持Flash、Silverlight或HTML5

//当DOM就绪时初始化小部件 $(函数(){ $(“#上传器”).plupload({ //一般设置 运行时:“html5、flash、silverlight、html4”, url:“示例/上传”, //最大文件大小 最大文件大小:“2mb”, 块大小:“1mb”, //如果可以,在客户端调整图像大小 调整大小:{ 宽度:200, 身高:200, 质量:90, 裁剪:真//裁剪到精确尺寸 }, //指定要浏览的文件 过滤器:[ {标题:“图像文件”,扩展名:“jpg,gif,png”}, {标题:“Zip文件”,扩展名:“Zip,avi”} ], //通过单击文件标题重命名文件 重命名:对, //排序文件 可排序:是的, //允许将文件拖放到小部件上(目前只有HTML5支持此功能) 德拉格德罗普:没错, //要激活的视图 观点:{ 列表:正确, 拇指:true,//显示拇指 活动:“拇指” }, //闪光设置 flash_swf_url:'http://rawgithub.com/moxiecode/moxie/master/bin/flash/Moxie.cdn.swf', //Silverlight设置 silverlight_xap_url:'http://rawgithub.com/moxiecode/moxie/master/bin/silverlight/Moxie.cdn.xap' }); });
谢谢!他们有jQuery的文档吗?我看到的只是使用原始JavaScript编写的文档。在您的示例中,您使用了jQuery,那么有jQuery文档吗?是的,但它不是真正的文档,而是一个示例。我想知道如何实现它并查看所有可能的选项。好的,这是文档:和演示页面:谢谢!我必须为上传编写服务器端脚本吗?如果我这样做了,我猜它是在发送文件上传之前验证文件,对吗?是的,确切地说,使用$_FILES['filename'],其中filename是您要发送的文件的名称!