axios上传文件

最新推荐文章于 2024-09-28 14:59:20 发布

一懒众山小

最新推荐文章于 2024-09-28 14:59:20 发布

阅读量833

点赞数

分类专栏： AJAX 文章标签： javascript

原文链接：https://github.com/axios/axios/blob/master/examples/upload/index.html

版权

AJAX 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

(function () {
    var output = document.getElementById('output');
    document.getElementById('upload').onclick = function () {
      var data = new FormData();
      data.append('foo', 'bar');
      data.append('file', document.getElementById('file').files[0]);//获取文件

      var config = {  
        onUploadProgress: function(progressEvent) { //上传进度
          var percentCompleted = Math.round( (progressEvent.loaded * 100) / progressEvent.total );
        }
      };

      axios.put('/upload/server', data, config)
        .then(function (res) {
          output.className = 'container';
          output.innerHTML = res.data;
        })
        .catch(function (err) {
          output.className = 'container text-danger';
          output.innerHTML = err.message;
        });
    };
  })();