multy upload/modified type=带有jquery的文件

multy upload/modified type=带有jquery的文件,jquery,file,upload,Jquery,File,Upload,我想知道是否有任何解决方案可以通过jquery修改type=“file”。我试图弄明白工作是怎么回事,但运气不好。 如果有人能帮助我,或者告诉我它是如何工作的,我将非常感谢。 这是我的代码: $(function(){ function getFile(){ $('.uploadbutton').on('click', function(){ $(this).closest('.upload').find('input[type="file"]').click().o

我想知道是否有任何解决方案可以通过jquery修改type=“file”。我试图弄明白工作是怎么回事,但运气不好。 如果有人能帮助我,或者告诉我它是如何工作的,我将非常感谢。 这是我的代码:

 $(function(){

function getFile(){
    $('.uploadbutton').on('click', function(){
        $(this).closest('.upload').find('input[type="file"]').click().on('change', function(){
            var $that = $(this),
                value = $that.val();

            if($(this).id = 'docupload'){
                $('#docupload').val(value.replace(/00040E-/i, ''));
            }
            if($(this).id = 'pdfupload'){
                $('#pdfupload').val(value.replace(/00040E-/i, ''));
            }
            //$that.closest('.input_text').val(value.replace(/00040E-/i, ''));

        })
    });
}

getFile();
})

这是我的html:

<div class="upload">
    <input class="input_text" id="docupload" placeholder="upload sample files" readonly="" type="text">
    <div class="uploadbutton">upload doc</div>
    <div style='height: 0px;width: 0px; overflow:hidden;'>
        <input id="upfile" type="file" value="upload"/>
    </div>
</div>

<div class="upload">
    <input class="input_text" id="pdfupload" placeholder="upload sample files" readonly="" type="text">
    <div class="uploadbutton">upload pdf</div>
    <div style='height: 0px;width: 0px; overflow:hidden;'>
        <input id="upfile" type="file" value="upload"/>
    </div>
</div>

上传文件
上传pdf

您应该解释您的期望值behaviour@Wolff,非常感谢您的快速回复。我尝试用jquery修改type=file。而且每次上传pdf/任何其他内容都应该做正确的工作。现在,如果我点击第一个按钮,它将返回所有输入类型(响应)。您应该解释您的期望值behaviour@Wolff,非常感谢您的快速回复。我尝试用jquery修改type=file。而且每次上传pdf/任何其他内容都应该做正确的工作。目前,如果我单击第一个按钮,它将返回(响应)所有输入类型。