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

时间:2015-06-22 09:21:12

标签: jquery file upload

我想知道是否有任何改进类型的解决方案=" file"用jquery。我试图找出工作方式,但没有运气。 如果有人可以帮助我,或者知道它是如何工作的,我会非常感激。 这是我的代码:

 $(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>

0 个答案:

没有答案