PHP AJAX多个文件，选择后自动上传

Question

我正在尝试为音频文件（如soundcloud，hulkshare，...具有用于上传文件的音频文件）创建上传表单。

它是如何工作的=

1. 您单击上载按钮。
2. 您选择多个文件。
3. 在按ENTER或OPEN（windows）后，文件开始按字母顺序上载，并且每个文件都有自己的进度条。
4. 文件上传完成后，您可以单击（边栏更改（ajax））以编辑/添加类似内容
   • 艺术家
   • 标题
   • 标签
   • ...
5. 文件将与标准数据（如标题，艺术家等）一起保存。但是，如果更改并单击“保存”，则项目数据将更改。

我到目前为止所拥有的是...

uploads.html

<form action="/process/ajax/upload.php" method="post" class="upload" enctype="multipart/form-data">
<input type="file" name="file"  id="file" style="display:none" multiple>
<div class="main-box center-center  clearfix" id="fileupload">
<div class="center-center text-center">
<button type="submit" onClick="return false;" name="upload" onClick="selectfile" class="btn btn-success upload btn-lg">
<span class="fa fa-upload"></span>
<strong>upload</strong>
</button>
<p>Or you can DRAG & DROP </p>
</div>
</div>
</form>

upload.js

$(document).ready(function(e) {
    $('button.upload').on('click',function(){
        $('input[type=file]').click();
    });

    $('input[type=file]').change(function() {
        var res = $('div#results'); 
    $(res).show('slow');
        var values = $('input[type=file]').val();
        $.ajax({
            url: "/process/ajax/upload.php",
            type: "post",
            data: values,
        });
    });
});

upload.php

if(isset($_FILES["FileInput"]) && $_FILES["FileInput"]["error"]== UPLOAD_ERR_OK)
{
    ############ Edit settings ##############
    $UploadDirectory    = '/uploads/'; //specify upload directory ends with / (slash)
    ##########################################

    /*
    Note : You will run into errors or blank page if "memory_limit" or "upload_max_filesize" is set to low in "php.ini". 
    Open "php.ini" file, and search for "memory_limit" or "upload_max_filesize" limit 
    and set them adequately, also check "post_max_size".
    */

    //check if this is an ajax request
    if (!isset($_SERVER['HTTP_X_REQUESTED_WITH'])){
        die();
    }


    //Is file size is less than allowed size.
    if ($_FILES["FileInput"]["size"] > 5242880) {
        die("File size is too big!");
    }

    //allowed file type Server side check
    switch(strtolower($_FILES['FileInput']['type']))
        {
            //allowed file types
            case 'image/png': 
            case 'image/gif': 
            case 'image/jpeg': 
            case 'image/pjpeg':
            case 'text/plain':
            case 'text/html': //html file
            case 'application/x-zip-compressed':
            case 'application/pdf':
            case 'application/msword':
            case 'application/vnd.ms-excel':
            case 'video/mp4':
                break;
            default:
                die('Unsupported File!'); //output error
    }

    $File_Name          = strtolower($_FILES['FileInput']['name']);
    $File_Ext           = substr($File_Name, strrpos($File_Name, '.')); //get file extention
    $Random_Number      = rand(0, 9999999999); //Random number to be added to name.
    $NewFileName        = $Random_Number.$File_Ext; //new file name

    if(move_uploaded_file($_FILES['FileInput']['tmp_name'], $UploadDirectory.$NewFileName ))
       {
        // do other stuff 
               die('Success! File Uploaded.');
    }else{
        die('error uploading File!');
    }

}
else
{
    die('Something wrong with upload! Is "upload_max_filesize" set correctly?');
}

这是我遇到的问题...这些文件应最终位于uploads （root）文件夹中。 因此，如果有人可以帮助我克服“上传”部分，那么我可以弄清楚自己的PHP部分。

Answer 1

那么问题是什么，该文件没有出现在上载目录中？ 你有什么错误吗？ 假设您的upload.php和uploads目录位于同一级别，请尝试

$DS = DIRECTORY_SEPARATOR;
$UploadDirectory = dirname(__FILE__) . $DS . 'uploads' . $DS;

还要检查您的上载目录的写入权限。 如果您在Windows上本地工作，应该没有问题。 但是，如果这是您的生产服务器，并且很可能是Linux，请使用FTP客户端更改目录权限（通常右键单击该文件夹，然后单击“设置权限”或类似设置），然后输入值775。这样，您就可以做到Web服务器用户可写。