Question

我试图这样做，当您点击页面的某个部分时，用户可以上传文件。现在，我已经做到了，因此按钮的不透明度为0，但标签也消失了。我只想让标签在那里，但按钮就不见了。

Answer 1

而不是<button onclick=".." /＆gt;您可以拥有<div onclick="..">或<span onclick="..">，其中span / div代表页面的可点击部分

Answer 2

您可以使用display而不是opacity来执行此操作，并使用一些jQuery来使文本触发现在隐藏的按钮：

JSFiddle：https://jsfiddle.net/Hybridx24/qou099nj/

Answer 3

$('#_uploadText').on('click', function() {
  $('#_inputFile').click();
})

$('#_inputFile').on('change', function() {
 var value = $("#_inputFile").val();
	$("#_fileName").html(value);
})

input {
 display: none
}

<div class="col-md-2">
	<input id="_inputFile" type="file" class="form-control">
	<small id="_uploadText"> Click or Drag an Attachment </small>
  <br>
  <span id="_fileName"></span>

在更改输入文件的显示值时使用额外的jquery

如何删除上传按钮但保留标签？

3 个答案: