Question

我正在尝试更改文件类型的输入按钮的文本值。我知道这是参数值=''但在这种情况下它不起作用。

我的代码：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link href="assets/css/custom-sugar-style.css" rel="stylesheet">
<div class="container-fluid">
  <div class="row">
    <div class="col-md-12 text-center">
      <img class="img-sugar" src="assets/images/SUGAR.png" />
      <br>
      <br>
      <br>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12 text-center">
      <form action="shareimage.php" method="post">
        <input class="button-camera" type="file" accept="image/*" capture="camera" value="Take a photo" />
      </form>
    </div>
  </div>

你能帮帮我吗？

谢谢！

Answer 1

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function HandleBrowseClick()
 {
var fileinput = document.getElementById("browse");
fileinput.click();
 }
function Handlechange()
 {
 var fileinput = document.getElementById("browse");
  var textinput = document.getElementById("filename");
  textinput.value = fileinput.value;
  }
</script>

 <input type="file" id="browse" name="fileupload" style="display: none"    onChange="Handlechange();"/>

 <input type="button" value="Take a photo" id="fakeBrowse"    onclick="HandleBrowseClick();"/>No file chosen
</body>
</html>

尝试这种技术并在其中应用你的css类。

Answer 2

您正在使用输入类型file，这就是您无法更改值的原因。

<input class="button-camera" type="file" accept="image/*" capture="camera" value="Take a photo" />

更改类型

<input class="button-camera" type="Button" accept="image/*" capture="camera" value="Take a photo" />

HTML＆amp; CSS - 更改输入按钮中的文本值

2 个答案: