如何在 HTML 中向网页添加文件上传函数？

当您希望以文档、图像或文件的形式从用户那里获取数据时，允许将文件上传到您的网站是必要的。 HTML 允许您通过在 标签的帮助下将文件上传按钮添加到您的网页来向您的网站添加文件上传功能。

定义了一个文件选择字段和一个用于文件上传的“浏览”按钮。

句法：

示例 1：具有文件上传功能的代码如下所示。输出显示一个文件上传按钮，上面写着“选择文件”。借助此按钮，我们可以将文件上传到特定网站。

HTML

  

    
Show File-select Fields
  
    

        Show a file-select field which allows
        only one file to be chosen:
    
  
    

          
        Select a file:
        
        


        
    

  

输出：

上传文件

示例 2：要定义允许选择多个文件的文件选择字段，请添加“多个”属性，如下所示。

句法：

通过这种方式，我们可以创建文件按钮并将其上传到我们的网站。为了确保从文件中读取文件数据以发送到服务器，请确保在表单标签中使用“enctype=”multipart/form-data”属性。如果不使用该属性，则不会读取文件数据，而只会读取文件名。

HTML

  

    
Show File-select Fields
  
    

        Show a file-select field which allows
        multiple files to be chosen:
    
  
    

  
        Select a file:
  
        
          
        


      
        
    

  

输出：