FormData 方式

  • formdata 可以上传任何文件

    1. <input multiple type="file" />    // multiple属性 一个可以上传多个文件
    3. // 第一种方式
    4. <script>
    5.     import axios from 'axios'
    6.     let inp = docoument.querySelector("input");
    7.       inp.onChange = function (e) {
    8.       let file = e.target.files[0];
    9.     let form = new FormData();
    10.     form.append(file.name, file);
    11.     axios.post(url, form).then(res => console.log(res.data));
    13.     // 必须以post请求
    14.     // 通过实例化一个FormData，来上传文件
    15.   }
    16. </script>

    通过FileReader

  • FileReader 上传图片会自动将图片转成base64 格式 ```javascript // multiple属性 一个可以上传多个文件

    // 第一种方式

``` image.png