纯前端 文件上传汇总

前情提示：

        由于安全原因，当在浏览器中运行的时候，我们是无法直接上传文件到服务器的。所以我们只能使用一些模拟的方法来演示文件上传的效果。

        以下是汇总的三种方法可以用来模拟文件上传的效果，并且代码可以在浏览器中直接运行。

1. 使用标签：

2.使用JavaScript和FormData对象：

  


  
  Upload

  

3.使用拖放功能：

  
  


  

    
Drag and drop files here
  

  

        最后一句：在实际项目中，文件上传的逻辑是要与服务器端进行交互的，才能实现真正的文件上传功能。