文章/答案/技术大牛

发布

社区首页 >问答首页 >将input:file连接到input:text和input:按钮以选择文件

问将input:file连接到input:text和input:按钮以选择文件
EN

Stack Overflow用户

提问于 2018-10-03 22:56:54

回答 1查看 23关注 0票数 0

我正在为一个系统使用模板。但是，我不知道如何将input:file连接到input:text和input:button。似乎input:file隐藏在这个模板中，我必须使用input:text(它被禁用)和input:按钮。代码如下：

<div class="form-group">
     <label>File upload</label>
     <input type="file" name="img[]" class="file-upload-default">
     <div class="input-group col-xs-12">
          <input type="text" class="form-control file-upload-info" disabled="" placeholder="Upload Image">
          <span class="input-group-append">
               <button class="file-upload-browse btn btn-info" type="button">Upload</button>
          </span>
     </div>
</div>

我必须把它用在multer身上。我怎样才能传递数据呢？甚至是多次上传。抱歉的。感恩节。

javascript

html

node.js

express

回答 1

Stack Overflow用户

发布于 2018-10-03 23:59:12

尝尝这个

<html lang="en">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<head>
<body>
<div class="form-group form-file" >
     <label>File upload</label>
     <input type="file" name="img[]" class="file-upload-default" id="file-1" style="display:none" onchange="checkFile(this)">
     <div class="input-group col-xs-12">
          <input type="text" class="form-control file-upload-info" disabled="" placeholder="Upload Image">
          <span class="input-group-append">
               <button class="file-upload-browse btn btn-info" type="button" onclick="$('#file-1').click()">Upload</button>
          </span>
     </div>
</div>


</body>
<script type="text/javascript">
    var count_file=1;

    function checkFile(dom){
        if($(dom)[0].files[0]){
            console.log($(dom).parent().find('.file-upload-info'));
            var d=$(dom).parent().find('.file-upload-info')[0];
                d.value=($(dom)[0].files[0].name);
        }

    }



</script>
    


</script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52629953

复制

相似问题

问将input:file连接到input:text和input:按钮以选择文件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将input:file连接到input:text和input:按钮以选择文件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将input:file连接到input:text和input:按钮以选择文件
EN