Bootstrap单文件上传和提交按钮

Question

我正在尝试在用户个人资料上创建一个允许用户选择文件的按钮，在选择文件后，它将使用相同的按钮上传。

我想要按下面代码定义的按钮外观：

<button class="btn btn-primary form-control"><span class='glyphicon glyphicon-camera'></span> Change Photo</button>

我想将其更改为：

<input type='Image' onchange="this.form.submit()"/> 

但是使用bootstrap类和<span class='glyphicon glyphicon-camera'></span> Change Photo而不是按钮上的“提交”文本。

我该怎么做？

Answer 1

如果您只想更改按钮内的文本文本，可以使用JavaScripts innerHTML函数来设置值，但是您必须包含范围。

button = getElementsByClassName("btn btn-primary form-control")[0];
button.innerHTML="<span class='glyphicon glyphicon-camera'></span> Change Photo";

这假设您在页面上只有一个具有该确切类的对象。如果您有更多，则必须添加逻辑以选择正确的按钮。

如果您需要对加载的文件执行某些操作，则需要使用某种服务器端语言或脚本语言，因为这不能仅在HTML和CSS中完成。