从多个文件输入单独上传文件 - 仅使用一个提交按钮

Question

first of all sorry for my bad English. I have hit a point in my project that i can't finde a solution on, so I will ask for help.

---

First let me explain a little about what the project is:

The system is a big upload system for a customer. each file there are selected need a Title.

As you can see I have many "Chose File" that because there need to be a max number of files pr categories (this can be change invidually) and the Title (the box beside the orange upload) are Required if you have chose a file.

My problem:

Click upload on each category are ignoring so wanna make one button to push there activate the upload for all those files. that easy enough, but here it's come: at the Host this system run on the max "upload size" is 90MB so when I have multiple files at the same time, its hit really quick the max.

This is how the HTML looks:

<form method='POST' accept-charset='UTF-8' enctype='multipart/form-data' >
    <div class="inputs">
        <label for="uMP1">Vælg Fil</label>
        <input type="text" name='titles[]'>
        <!-- Thumbnail -->
        <div class="thumbnail" id="MP1"></div>
        <!-- File -->
        <input id="uMP1" name='files[]' type="file">
    </div>
    <div class="inputs">
        <label for="uMP2">Vælg Fil</label>
        <input type="text" name='titles[]'>
        <!-- Thumbnail -->
        <div class="thumbnail" id="MP2"></div>
        <!-- File -->
        <input id="uMP2" name='files[]' type="file">
    </div>
    <div class="inputs">
        <label for="uMP3">Vælg Fil</label>
        <input type="text" name='titles[]'>
        <!-- Thumbnail -->
        <div class="thumbnail" id="MP3"></div>
        <!-- File -->
        <input id="uMP3" name='files[]' type="file">
   </div>
   <input type="Submit" name='Upload' value="Upload">
</form>

Is there any there can help me make this script or know a plugin there can do this?

PS: Do not have access to the php.ini

Answer 1

Premise that I have never used PHP, but ASPNET Core 2.1 I also had a similar problem and the solution is to give different names for each input file. For example:

<div class="inputs">
    <label for="uMP1">Vælg Fil</label>
    <input type="text" name='titles[]'>
    <!-- Thumbnail -->
    <div class="thumbnail" id="MP1"></div>
    <!-- File -->
    <input id="uMP1" name='files1' type="file">
</div>
<div class="inputs">
    <label for="uMP2">Vælg Fil</label>
    <input type="text" name='titles[]'>
    <!-- Thumbnail -->
    <div class="thumbnail" id="MP2"></div>
    <!-- File -->
    <input id="uMP2" name='files2' type="file">
</div>