Javascript 如何在单击按钮时上载文件

当用户点击查看按钮时，我正试图上传我的文件，如下面的代码所示。我尝试了以下代码。感谢您的任何帮助。 多谢各位

#我的输入{
宽度：50%；
填充：12px 20px 12px 40px；
边框：1px实心#000；
显示：内联块；
}
输入[类型=文件]：-webkit文件上载按钮{
宽度：0；
填充：0；
保证金：0；
-webkit外观：无；
-moz外观：无；
边界：无；
边界：0px；
}
x:：-webkit文件上载按钮，
输入[类型=文件]：在{
-webkit外观：按钮；
-moz外观：按钮；
边界塌陷：分离；
边界半径：7px；
-webkit边界半径：7px；
--moz外形半径：7px；
内容：“视图”；
颜色：#080708；
背景：#e3；
文字装饰：无；
显示：内联块；
左：100%；
左边距：50像素；
位置：相对位置；
填充：10px 46px 10px 40px；
}

---

将文件上载到服务器需要后端编程，例如php，理想情况下还需要一些JavaScript验证。在这种特殊情况下，CSS并不重要，因为它不会对任务起作用，只是为了美观

您需要创建：

一种HTML表单，将多部分/表单数据（enctype）提交到服务器上的特定文件（操作），最好是post（方法）

服务器上的文件需要像PHP这样的后端编程来处理上传的文件并将其保存在服务器上的某个位置

您必须验证表单（JavaScript）以及发送到服务器（PHP）的文件和数据，以保护自己免受恶意文件和数据的攻击

我相信，有了这些信息，你可以更好地了解如何完成任务，并在你这方面进行更具体的研究

以下是一个已经存在一段时间的教程：

---

祝你好运。

你应该像这样把输入标记放到表单标记中

<form action="" enctype="multipart/form-data" method="post">
    <input type="file" name="myInput" id="myInput">
    <input type="submit" value="submit">
</form>

---

此外，您还需要php（或其他一些）来恢复服务器上的上载文件。

有效的表单标记？您的HTML是有效的，CSS是不相关的。而且，我看不到JavaScript和PHP。你需要把上传的内容包装成一个

，而且。我得到了一个很好的起点。谢谢