基于Ajax的文件上传使用FileInput插件(使用谷歌翻译作者的原文,大致意思是对的,自己把握)

 <input id="images" name="images[]" type="file" multiple>

 <input id="userid" name="userid" type="hidden">

 <input id="username" name="username" type="text">

 $(document).on("ready", function() {

     $("#images").fileinput({

         uploadAsync: false,

         uploadUrl: "/path/to/upload.php" // your upload server url

         uploadExtraData: function() {

             return {

                 userid: $("#userid").val(),

                 username: $("#username").val()

             };

         }

     });

 });

 // upload.php

 // 'images' refers to your file input name attribute

 if (empty($_FILES['images'])) {

     echo json_encode(['error'=>'No files found for upload.']);

     // or you can throw an exception

     return; // terminate

 }

 // get the files posted

 $images = $_FILES['images'];

 // get user id posted

 $userid = empty($_POST['userid']) ? '' : $_POST['userid'];

 // get user name posted

 $username = empty($_POST['username']) ? '' : $_POST['username'];

 // a flag to see if everything is ok

 $success = null;

 // file paths to store

 $paths= [];

 // get file names

 $filenames = $images['name'];

 // loop and process files

 for($i=0; $i < count($filenames); $i++){

     $ext = explode('.', basename($filenames[$i]));

     $target = "uploads" . DIRECTORY_SEPARATOR . md5(uniqid()) . "." . array_pop($ext);

     if(move_uploaded_file($images['tmp_name'][$i], $target)) {

         $success = true;

         $paths[] = $target;

     } else {

         $success = false;

         break;

     }

 }

 // check and process based on successful status

 if ($success === true) {

     // call the function to save all data to database

     // code for the following function `save_data` is not

     // mentioned in this example

     save_data($userid, $username, $paths);

     // store a successful response (default at least an empty array). You

     // could return any additional response info you need to the plugin for

     // advanced implementations.

     $output = [];

     // for example you can get the list of files uploaded this way

     // $output = ['uploaded' => $paths];

 } elseif ($success === false) {

     $output = ['error'=>'Error while uploading images. Contact the system administrator'];

     // delete any uploaded files

     foreach ($paths as $file) {

         unlink($file);

     }

 } else {

     $output = ['error'=>'No files were processed.'];

 }

 // return a json encoded response for plugin to process successfully

 echo json_encode($output);