Ajax 上传更多文件时请求无效
Ajax request not works when more files uploaded
这是我的功能,在图片上传之前它显示加载成功时它显示文件。
但如果文件长度更像是 20 或 40,它会上传文件,但数据不会显示在控制台中,并且只会加载浏览器中显示的图像
function upload_images(self)
{
var formdata = new FormData();
formdata.append('_token', $('input[name="_token"]').val());
var holder = $('div.pond div.pond-img-list'); //uploaded files holder
var formdata_file_length = 0;
var allowed_file_type = ['image/gif', 'image/jpeg','image/jpg','image/png'];
for(var i = 0; i<self.files.length; i++)
{
if(in_array(self.files[i].type, allowed_file_type))
{
formdata.append('images[]', self.files[i]);
formdata_file_length++;
}
}
$.ajax({
url: '/upload/images',
type: 'POST',
data: formdata,
mimeTypes: "multipart/form-data",
async: true,
contentType: false,
processData: false,
beforeSend: function(){
for(var i = 0; i < formdata_file_length; i++)
{
holder.append('<div class="pond-img col-md-3">'+
'<div class="pond-img-thumb-container">'+
'<a target="_blank"><img class="pond-img-thumb" src="/uploads/web/loading.svg"></a>'+
'</div>'+
'<div class="pond-img-actions">'+
'<a class="pond-img-delete" href="#" title="Silmək"></a>'+
'<a class="pond-img-rotate" href="">↻</a>'+
'<a class="pond-img-rotate" href="">'+
'</div>'+
'</div>');
}
},
success: function(data){
console.log(data);
for(var i = 0; i < data.length; i++)
{
holder.children('.pond-img').eq(i).children('.pond-img-thumb-container')
.children('a').children('img').attr('src', '/'+data[i]);
}
},
error: function(){
// holder.children('.img-loading').remove();
}
})
}
我找到了解决方案。
ajax没有错。
需要更改 max_file_upload 和 post_max_size=0 in php.ini。
并检查你更改了哪个 php.ini 因为有不同的 php 版本文件夹
在您的 php 文件夹中。命令行检查 php 版本 php -v
这是我的功能,在图片上传之前它显示加载成功时它显示文件。 但如果文件长度更像是 20 或 40,它会上传文件,但数据不会显示在控制台中,并且只会加载浏览器中显示的图像
function upload_images(self)
{
var formdata = new FormData();
formdata.append('_token', $('input[name="_token"]').val());
var holder = $('div.pond div.pond-img-list'); //uploaded files holder
var formdata_file_length = 0;
var allowed_file_type = ['image/gif', 'image/jpeg','image/jpg','image/png'];
for(var i = 0; i<self.files.length; i++)
{
if(in_array(self.files[i].type, allowed_file_type))
{
formdata.append('images[]', self.files[i]);
formdata_file_length++;
}
}
$.ajax({
url: '/upload/images',
type: 'POST',
data: formdata,
mimeTypes: "multipart/form-data",
async: true,
contentType: false,
processData: false,
beforeSend: function(){
for(var i = 0; i < formdata_file_length; i++)
{
holder.append('<div class="pond-img col-md-3">'+
'<div class="pond-img-thumb-container">'+
'<a target="_blank"><img class="pond-img-thumb" src="/uploads/web/loading.svg"></a>'+
'</div>'+
'<div class="pond-img-actions">'+
'<a class="pond-img-delete" href="#" title="Silmək"></a>'+
'<a class="pond-img-rotate" href="">↻</a>'+
'<a class="pond-img-rotate" href="">'+
'</div>'+
'</div>');
}
},
success: function(data){
console.log(data);
for(var i = 0; i < data.length; i++)
{
holder.children('.pond-img').eq(i).children('.pond-img-thumb-container')
.children('a').children('img').attr('src', '/'+data[i]);
}
},
error: function(){
// holder.children('.img-loading').remove();
}
})
}
我找到了解决方案。 ajax没有错。 需要更改 max_file_upload 和 post_max_size=0 in php.ini。 并检查你更改了哪个 php.ini 因为有不同的 php 版本文件夹 在您的 php 文件夹中。命令行检查 php 版本 php -v