javascript - 如何在不隐藏文本字段的情况下隐藏输入类型文件按钮？

Question

我正在制作一个可打印文档，我希望用户向其中添加一个文件。棘手的部分是我不希望在打印文档时出现按钮我只希望 TextField 显示文档的名称。

是否可以隐藏按钮，只显示 TextField？

Answer 1

无法隐藏按钮并显示 TextField。无论如何，您可以复制文档名称的值并将其用于不同的 TextField。你可以这样做:

$("#NewTextField").val($('#FileUpload').val().split("\\")[$('#FileUpload').val().split("\\").length - 1]);
$("#FileUpload").hide();

NewTextField 是您将在其中显示名称的 TextField，FileUpload 是附有文件的按钮。您只需复制名称的值，用“\”分隔，这样您就可以获得名称而不是整个路径。

打印文件时可能需要执行此操作，因此将代码放在其中:

$("#PrintButton").click(function () {
 //Code above
}