Javascript 同一页面上有多个jQuery文件上载小部件

我正在使用Jquery文件上传插件。我已经试着把这些信息整合起来。每个小部件都接受特定的格式：图像（png、jpg、gif）、文档（PDF、DOC）和视频（mov、mpeg）。这些文件将位于特定文件夹中：

• 图像->文件夹“/server/php/imgs/”
• 文档->文件夹“/server/php/docs/”
• 视频->'/server/php/videos/'

首先，我在表单中更改了类的id。我把数据id放在文件夹中

<form class="fileupload" data-id="imgs" method="POST" enctype="multipart/form-data"
    data-upload-template-id="template-upload-1"
    data-download-template-id="template-download-1">
    <!-- ... -->
</form>
<form class="fileupload" data-id="docs" method="POST" enctype="multipart/form-data"
    data-upload-template-id="template-upload-2"
    data-download-template-id="template-download-2">
    <!-- ... -->
</form>
<form class="fileupload" data-id="videos" method="POST" enctype="multipart/form-data"
    data-upload-template-id="template-upload-3"
    data-download-template-id="template-download-3">
    <!-- ... -->
</form>

在index.php中，我保留了原始代码：

require('UploadHandler.php');
$upload_handler = new UploadHandler();

但是代码不起作用！哪里错了？ 我该怎么做才能让每个人都接受特定的上传格式呢

require('UploadHandler.php');
$upload_handler = new UploadHandler();