单击超链接时如何打开文件上载对话框

Question

随着Web应用程序正在开发学生讨论平台，我希望学生在发帖时附上文件，我不想使用按钮， 相反，学生只需单击超链接，即可打开上传对话框。

怎么做？

Answer 1

您可以在链接中创建文件输入并使用不透明度隐藏它：

a {
  position: relative;
}
#file {
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  right: 0;
}

<a href="#"><input type="file" id="file"/>Link text</a>