我想在 Dropzone 的帮助下使用 AJAX 上传多个文件.js插件。
我所做的是——
网页 (视图)-
<div class="dropzone" id="add-slide-image">
</div>
.JS-
Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("div#add-slide-image",
{
url: baseUrl+"/slide/uploadimage",
params: {
_token: csrfToken
},
maxFilesize: 3, // MB
maxFiles:40, //Trigers "maxfilesexceeded" event
acceptedFiles:'image/*',
method: "post",
addRemoveLinks: true,
paramName: "file",
uploadMultiple: true
});
控制器-
public function storeImageFromClientComputer(Request $request)
{
//return $request->file('file');//Input::file('droped_images');
$files = $request->file('file');
$names = [];
foreach ($files as $file)
{
$names = $file->getClientOriginalName();
}
return $names;
/*//$files=$request->file('images');
$file=$request->file('file');
if($file)
{
$random_original_image_name=str_random(30).".".$file->getClientOriginalExtension();
$file->move(public_path().'/uploads/userfiles/images/',Auth::id()."-".$random_original_image_name);
$original_image_name=base_path()."/public/uploads/userfiles/images/".Auth::id()."-".$random_original_image_name;
$thumb_image_name=base_path()."/public/uploads/userfiles/thumbs/".Auth::id()."-".$random_original_image_name;
if(file_exists($original_image_name)){
$thumb=Image::make($original_image_name)->resize(200,null,function($constraint){
$constraint->aspectRatio();
});
$thumb->save($thumb_image_name);
$id=UserSlidePhoto::insertGetId([
'user_id'=>Auth::id(),
'social_image_id'=>0,
'original_image_name'=>Auth::id()."-".$random_original_image_name,
'thumbnail_name'=>Auth::id()."-".$random_original_image_name
]);
$image_info=UserSlidePhoto::find($id);
return response()->json($image_info,200);
}
}
return response()->json("ERROR",400);*/
}
此控制器仅用于在收到所有文件时进行测试。我只从这里得到一个文件。注释代码用于实际文件上传。
我总是只得到一个文件在循环中。
Dropzone 的 CDN 是从这里添加的(CSS + JS)。
谁能帮忙?
提前感谢您对:)的帮助
我已经这样解决了-
.JS-
Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("div#add-slide-image",
{
url: baseUrl+"/slide/uploadimage",
params: {
_token: csrfToken
},
maxFilesize: 3, // MB
maxFiles:40,
parallelUploads: 10000,
acceptedFiles:'image/*',
method: "post",
addRemoveLinks: true,
paramName: "file",
uploadMultiple: true
});
控制器 (PHP) -
public function storeImageFromClientComputer(Request $request)
{
$files = $request->file('file');
$no_of_files = count($files);
/*foreach ($files as $file) //Don't know why this 'foreach' is not working
{
$file->getClientOriginalName();
}*/
if($no_of_files==0)
{ //To check if any in-essential AJAX is called
return "Valueless Calling !!!!!!";
}
for($i=0;$i<$no_of_files;$i++)
{
$file = $files[$i];//->getClientOriginalName();
if($file)
{
$random_original_image_name=str_random(30).".".$file->getClientOriginalExtension();
$file->move(public_path().'/uploads/userfiles/images/',Auth::id()."-".$random_original_image_name);
$original_image_name=base_path()."/public/uploads/userfiles/images/".Auth::id()."-".$random_original_image_name;
$thumb_image_name=base_path()."/public/uploads/userfiles/thumbs/".Auth::id()."-".$random_original_image_name;
if(file_exists($original_image_name))
{
$thumb=Image::make($original_image_name)->resize(200,null,function($constraint){
$constraint->aspectRatio();
});
$thumb->save($thumb_image_name);
$id=UserSlidePhoto::insertGetId(
[
'user_id'=>Auth::id(),
'social_image_id'=>0,
'original_image_name'=>Auth::id()."-".$random_original_image_name,
'thumbnail_name'=>Auth::id()."-".$random_original_image_name
]
);
$image_info=UserSlidePhoto::find($id);
}
}
else
return response()->json("ERROR",400);
}
return "SUCCESS";
}