【jquery】画像をドラッグアンドドロップして、画像1枚ごとにinputを自動生成するフォームを作りたい【jquery-file-upload】

jquery-file-uploadを利用し、ドラッグアンドドロップした複数のファイルごとにinput[type="file"]を生成し、複数オブジェクトをインサートしたいと考えています。

サーバーサイドはruby on rails で動かします。
以下のコードにて、ドラッグアンドドロップしたファイルごとに input ファイルを生成することは可能になりましたが、input[type='file']にドロップしたファイルを適用する方法が判りません。

javascript
1    $('#fileupload').fileupload({
2        dataType: 'json',
3        add: function (e, data) {
4            
5            var file = data.files[0],
6                name = file.name,
7                path = file.relativePath,
8                size = file.size,
9                current_time = jQuery.now(),
10                ransu = Math.ceil(Math.random() * 100),
11                current_time = current_time * ransu,
12                num = $.inArray(file, data.originalFiles),
13                $menu_cat_options = $("#menu_category > option").clone(),
14                $design_type_options = $('#design_type_id > option').clone()
15
16
17            html = 
18            `<tr id="row-${current_time}">
19                <td>
20                    ${num}
21                </td>
22                <td>
23                    ${path}
24                </td>
25                <td>
26                    <input type='text' name="designs[][filename]" value='${name}' >
27                </td>
28                <td>
29                    <select name="designs[][menu_attributes][category_id]" id="menu-cat-select-${current_time}"></select>
30                </td>
31                <td>
32                    <input type='number' name="designs[][menu_attributes][menu_price]" value="3980">
33                </td>
34                <td>
35                    <img id="${current_time}" class='image' />
36                <td>
37                <td>
38                    <input type="file" value="${file}" name="designs[][menu_attributes][image]" >
39                </td>
40            </tr>`
41            $('#designs-form-list').append(html)
42            $(`#menu-cat-select-${current_time}`).append($menu_cat_options)
43            $(`#design-type-select-${current_time}`).append($design_type_options)
44            var reader = new FileReader();
45            reader.onload = function (e) {
46                $(`img#${current_time}`).attr('src', e.target.result);
47            }
48            reader.readAsDataURL(file);
49        },
50    });