Question

我从来没有做过多少css，所以如果这是一个显而易见的问题，我会道歉但是我已经尝试了一百万件事而没有任何效果。我目前有一个我试图用作上传按钮的图像。现在的问题是它没有被标记为文件输入，因此当我调用uploadFile（）函数时没有选择文件，这显然导致了一大堆问题。我发现的许多修复程序最终仍然是浏览器附带的默认“上传”按钮。

编辑：我看过这篇文章 - Replace input type=file by an image - 也许我很愚蠢，但我似乎无法将它放在我想要它的屏幕的右上方，每当我使用该修复程序，最后在屏幕顶部显示一个大白条。再说我对css不太好，所以我可能错过了一个简单的修复。

Edit2：我基本上想要完成这个人所做的事情，但是使用页面右侧的按钮。 https://stackoverflow.com/a/40235746/9830411

这是html：

<img id="uploadButton1" class="upperButton" src="./imgs/uploadImage.png" onclick="uploadFile();" onmouseover="toggleChangeLandType();" onmouseout="toggleChangeLandType();">

CSS：

#uploadButton1{
right: 3vw;
}

Answer 1

如果你想做这样的事情Replace input type=file by an image，只想让按钮在右边，也许你的意思是：

<div class="image-upload" align="right">
  <label for="file-input">
    <img src="https://placehold.it/100/000000/ffffff?text=UPLOAD" style="pointer-events: none"/>
  </label>

  <input id="file-input" type="file" />
</div>

*只需在div标记中添加align="right"。

使用图片作为按钮上传文件

1 个答案: