使用模态上的文件输入字段更新主视图上的隐藏字段

Using file input field field on modal to update hidden field on main view

本文关键字：字段 更新 主视图 隐藏 文件 模态 输入      更新时间：2023-09-26

我有一个带有隐藏字段的HTML页面：

<input type="hidden" id="imageInput1T1" name="imageInput1T1" />

在这个主页中，我还有一个模式窗口，点击按钮即可显示：

<div id="templateModal1" class="reveal-modal friend-modal">
  ...............................
</div>

我的模态中有一个浏览字段，如何使用该字段中的文件选择来填充主页上的imageInput1字段，以便通过表单提交进行发布？如果我使用输入在模态中选择文件，然后发布文件，那么我的Request.files是空的。我在表单字段上有一个隐藏字段，如何将模式输入中选择的文件发送到隐藏字段？

---已编辑-----

你可以试试这个：

$(document).ready(function () {
            var fileInput = $("#yourInputFileId").on('change', function () {
                $("#imageInput1T1").val = $(this).val();
            });
        });

---编辑2---

因此，该代码不是teste，但应该可以工作（如果是这样的话，请执行正确的语法）：

$(document).ready(function () {
        var saveButton = $("#your-save-button-id");
        saveButton.on('click', function () {
            var form = $("#your-form-id"),
                yourFile = $("#your-file-field-id"),
                modelContentHidden = $("#modal-content-hidden-id-in-your-form"),
                modalContent = $("#templateModal1").htlm();
            modalContentHidden.val(modalContent);
            yourFile.remove();
            form.append(yourFile[0]);
            form.submit();
        });
    });
相关文章：