Html 引导单个文件上载和提交按钮

我试图在用户配置文件上创建一个按钮，允许用户选择文件，在选择文件后，它将使用相同的按钮上载

我希望按钮的外观符合以下代码的定义：

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

更改照片

我想把它改成：

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

但使用引导类和

更改照片
而不是按钮上的“提交”文本

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

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

button=getElementsByClassName（“btn btn主表单控件”）[0]；
button.innerHTML=“更改照片”；

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

如果您需要对加载的文件执行某些操作，则需要使用某种服务器端语言或脚本语言，因为这不能仅用HTML和CSS来完成。
那么您希望表单在添加图像后或单击按钮时提交吗？如果是在他们添加图像之后，那么您不需要更改任何内容，只要让JS检查图像，然后提交表单即可。如果是另一个，那么idk If onchange就是您想要的。也许检查图像，然后用JS隐藏显示按钮显示一个带有文本“提交”的按钮。我想用“更改图像”和摄像头图示符更改此“提交”。为什么要使用输入？为什么不呢？然后用JS隐藏和显示它？显示一个带有文本“提交”的按钮。如果要更改文本使用以具有不同的值，我想使用“更改图像”以及相机图示符图标更改此“提交”。如果您可以找到按钮的容器，那么您可以用innerHTML替换其中的任何HTML。