使用html和javascript自定义上载文件

我是UI世界的新手，我有一个简单的用例，比如

1） 使用“选择文件”选项上载文档
2） 选择后，我需要调用javascript中的特定函数，如下所示

<form id="fileUploadForm" onsubmit="return uploadToTempFolder();" enctype="multipart/form-data">
    <input type="file" name="file" id="file" accept="application/pdf">
    <input type="submit" class="button-blue" value="Upload">
</form> 

我不需要选择文件，而是需要像“附加文件”这样的选项，一旦用户选择了文件，我就不需要额外的上传按钮，我需要调用“uploadToTempFolder”

感谢您的帮助

谢谢，

---

哈利

你只需要把一件事改变一下

<form id="fileUploadForm" enctype="multipart/form-data">
    <input type="file" name="file" id="file" accept="application/pdf" onchange="uploadToTempFolder()">
</form> 

不幸的是，我们无法更改文件输入的默认文本，但有解决方法

---

这里正在工作

您可以参考请参考此@PavanKumarTS谢谢，我也尝试了同样的方法，但我面临onchange事件（“$”（“#文件”）.change（function（）”的问题，如果我再次上载同一个文件，它将不被接受，我如何再次上载同一个文件？只有在数据发生更改时才会触发“更改时”。因此，如果选择同一个文件，它将不会触发。请尝试“模糊”或任何其他事件。我正面临onchange事件（$（“#文件”）。更改（函数（）{），如果我再次上传同一个文件，它将不被接受，我如何再次上传同一个文件？当您在最后选择文件时，您需要设置其值bllank，以便再次选择时它将起作用