当前位置: 首页 > 知识库问答 >
问题:

我如何设置选择配置文件图像输入右侧的输入标签,而不是选择文件->选择图像

彭弘伟
2023-03-14

我正在创建教师表单,我想从图库中选择图像作为个人资料,我想用“选择图像”的标签更改右侧“选择图像按钮”的标签和位置

这是html

                  <div class="form-group ">
                    <p class="input-group">
                        <i class="fa fa-camera fa-2x  user-icon fa-fw" aria-hidden="true"></i>
                        <label for="file">Choose file to upload</label>
                        <input type="file" name="pic" accept="image/* "  class="form-control">
                     </p> 
                   </div>

这是Css

.form-control{
    background: #000;
    color: beige;
}

共有1个答案

韩玉石
2023-03-14
  <div class="form-group ">
    <p class="input-group">
        <i class="fa fa-camera fa-2x  user-icon fa-fw" aria-hidden="true"></i>
        <label for="file" class="col-sm-10 form-control">Choose file to upload</label>
        <input type="file" name="pic" accept="image/* "  class="col-sm-2 form-control">
     </p> 
   </div>

请试试这条路。希望这将帮助你...:)

 类似资料:
  • 问题内容: 是否有机会检测用户为元素类型HTML所做的每个文件选择? 之前曾多次问过这个问题,但是如果用户再次选择相同的文件,通常不会建议该事件。 问题答案: 的值设置到每个事件。即使选择了相同的路径,这也会重置的值并触发事件。 注意:如果文件以’C:\ fakepath'为前缀是正常的。这是一项安全功能,可防止JavaScript知道文件的绝对路径。浏览器仍然内部知道它。

  • 我想把左侧的日历图标放在框上,而不是右边,默认情况下是在那里。有人能帮我一下吗?我使用了“正常”的角度datepicker,如下所示: 我希望它看起来更像这样:https://i.stack.imgur.com/edru5.png 提前致谢!!!

  • 问题 我可以成功地实现以下步骤,但用户界面可能会对2MB或更大的文件没有响应。这些文件的大小与用户可能从相机或桌面上传的文件大小相同,所以我需要处理它们。 >

  • 我一直在研究如何使用HTML5

  • 我想有一个依赖的数字输入。 此数字输入依赖于一个选择框,该选择框通过选择每个选项为输入创建一个特定的数字范围。 例如: 如果我们选择option2,数字输入将是min=20和max=50!如果我们选择option3,数字输入将是min=10和max=30!怎样才能创造出这样一个特征呢? 以下是我尝试过的:

  • 问题内容: 我想设置一个先前选择的要在页面加载时显示的选项。我用以下代码尝试了它: 与 但这是行不通的。有任何想法吗? 问题答案: 这绝对应该工作。确保已将代码放入: