axios文件上传实现与jquery文件上传分别实现方式

最新推荐文章于 2024-08-21 04:35:59 发布

jiangyongfei55

最新推荐文章于 2024-08-21 04:35:59 发布

阅读量454

点赞数

分类专栏：文件上传文章标签：文件上传

本文链接：https://blog.csdn.net/jiangyongfei55/article/details/86147818

版权

文件上传专栏收录该内容

1 篇文章 0 订阅

订阅专栏

axios文件上传实现

 import Vue from 'vue'
  import axios from 'axios';
  var instance= axios.create({
    baseURL:'https://www.********.com',
    timeout:1000,
    headers:{'Content-Type': 'multipart/form-data'}
  });
  Vue.config.productionTip=false;
  Vue.prototype.instance=instance;
  uploadFile : function (event,images) {
        var formData = new FormData();
        var vue = this;
        formData.append("file",(event.target.files)[0]);
        vue.instance.post('/index.php/service/common/uploadPicOther.html',formData)
        .then(function (response) {
          console.log(response);
        })

jquery文件上传实现

$.ajax({
          url: baseurl+'/index.php/service/common/uploadPicOther.html' ,
          type: 'POST',
          data: formData,
          async: false,
          cache: false,
          processData: false,
          contentType: false,
          dataType:"json",
          success: function (ret) {
           console.log(ret);
          },
        });