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