Отображать файл типа формы данных перед отправкой

Я хочу отобразить мою форму данных в форме подтверждения перед отправкой. Моя форма и моя форма подтверждения находятся на одной странице, они разделены только #tab. Теперь я хочу отобразить данные перед отправкой. Я использую data-display для отображения данных в моей форме подтверждения и ее работы, но я не знаю, как отображать данные, где type = file.

моя картинка с пустыми данными

введите здесь описание изображения

Мой код:

<h4 class="form-section">Unggah Dokumen</h4>
<div class="form-group">
    <label class="control-label col-md-3">Surat Permohonan:</label>
    <div class="col-md-4">
        <p class="form-control-static" data-display="file"> </p>
    </div>
</div>
<div class="form-group">
    <label class="control-label col-md-3">Dokumen Pendukung:</label>
    <div class="col-md-4">
        <p class="form-control-static" data-display="dokumen_pendukung[]"> </p>
    </div>
</div>

мой php-код:

<h3 class="block">Unggah Dokumen</h3>
<div class="form-group">
    <table class="table table-striped table-bordered table-hover">
        <tr>
            <label style="text-align:left;" class="control-label col-md-3">Surat Permohonan<span class="required"> * </span></label>
            <div class="col-md-4">
                <?php if(isset($_GET['id'])){ ?>
                    <td class="1">
                        <?php echo @$applicationLetterrr;?><a href="javascript:;" id="edit"><i style="padding-left:12px;" class="fa fa-pencil"></i></a>
                        <input type="hidden" name="file2" value="<?= @$applicationLetterrr?>">
                    </td>
                    <td class="2">
                        <input id="fileid" type="file" accept="image/*, .pdf" name="file" style="width:100%" required title="Masukan minimal satu file">
                        <div class="class-progressbar" id="myProgress">
                            <div id="myBar">10%</div>
                        </div>
                    </td>
                <?php }else{ ?>
                    <td>
                        <input class="input-group" id="fileid" type="file" accept="image/*, .pdf" name="file" style="width:100%" required title="Masukan minimal satu file">
                        <div class="class-progressbar" id="myProgress">
                            <div id="myBar">10%</div>
                        </div>
                    </td>
                <?php } ?>
            </div>
        </tr>
    </table>
</div>

person ujang7654321 ujang7654321    schedule 18.04.2017    source источник
comment
где твой файл php?   -  person marmeladze    schedule 18.04.2017
comment
вы можете использовать jquery ajax для этого. Используйте сериализацию () в jquery   -  person lalithkumar    schedule 18.04.2017
comment
@lalithkumar он хочет отображать данные формы перед отправкой, он не знает, как отображать данные, если тип ввода - файл.   -  person Junius L.    schedule 18.04.2017
comment
php файл добавлен   -  person ujang7654321 ujang7654321    schedule 18.04.2017
comment
я понял .. я думаю, что он может ссылаться на stackoverflow.com/questions/18457340/.   -  person lalithkumar    schedule 18.04.2017
comment
уже есть решение.. пожалуйста, проверьте, что вы ищете   -  person lalithkumar    schedule 18.04.2017