我有一个带有隐藏字段的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();
});
});