将文件插入到另一个输入的输入

Insert file to input from another input

本文关键字：输入 另一个 文件 插入      更新时间：2023-09-26

我有一个可以有多行的jquery DataTable。我使用模态填充每一行。根据所选值，每一行可能有也可能没有附件，并且此表位于表单内。现在的问题是我无法在数据表中附加文件，因此我创建了一个隐藏的div，每次用户想要在DataTable中附加文件时，我都会在其中创建文件类型的输入字段。下面是代码

var attachmentInput = $("#hiddenDiv").find("input[id='prototype']").clone()
            var tempInputId = "Visa Attachment_" + fileCounter
            attachmentInput.prop("id",tempInputId)
            attachmentInput.prop("name",tempInputId)
            attachmentInput.appendTo("#hiddenDiv")

现在我想要的是，每当用户尝试在模式中附加文件时，该文件都应附加到在 hiddenDiv 中创建的输入字段。我正在尝试以下代码来执行此操作。

$("#"+tempInputId).after($('#visaDetails')[0].files[0]);

我的主要要求是，当用户在模态中附加文件时，它应该附加到动态创建的文件类型输入元素。关于如何实现这一目标的任何想法？

哇尼尔

感谢您指出这一点...我所做的是在模态内，我创建了一个按钮，我现在正在创建一个输入元素，然后在该新创建的元素上调用单击函数，并在 DataTable 中仅保存一个没有实际用处的虚拟值......新创建的输入元素充当表单的输入元素....下面是代码..希望它能解释我是如何解决我的问题的。

var fileCounter = 0
    var tempInputId 
         $('#visaDetails').on('click', function(){

                var attachmentInput = $("#hiddenDiv").find("input[id='prototype']").clone()
            tempInputId = "visaAttachment_" + fileCounter
            alert(tempInputId)
            attachmentInput.prop("id",tempInputId)
            attachmentInput.prop("name",tempInputId)
            attachmentInput.appendTo("#hiddenDiv")
            fileCounter ++;
            $("#"+tempInputId).click();
         });
相关文章：