vue 文件上传

原创于 2018-05-27 22:25:35 发布 · 877 阅读

1 ·

CC 4.0 BY-SA版权

web前端同时被 2 个专栏收录

13 篇文章

订阅专栏

vue

1 篇文章

订阅专栏

本文介绍了一个使用 JavaScript 实现的图片上传功能。通过 FileReader API 读取用户选择的图片文件，并利用 FormData 对象将图片发送到服务器。具体实现包括检查图片类型和大小、构造请求负载并发送 POST 请求。

add_img(event){
  let reader = new FileReader();
  let img = event.target.files[0];
  let type = img.type;//文件的类型，判断是否是图片
  let size = img.size;//文件的大小，判断图片的大小
  let form = new FormData();
  form.append('pic', img, img.name);

  this.$http.postAjax('url', form)
    .then((res) => {
      if (res.status == 200) {
        console.log(res)
      }
    }).catch((e) => {
    console.log(e)
  });

}