七牛form表单上传文件

import Vue from 'vue'
//向服务器获取七牛token,这应该用promiss,待优化
function qiniuToken(cb) {
  Vue.http.get("common/get_qiniu_token.do").then(data => {
    cb(data.body)
  })
}
/**
 * @param {*} f  input文件数组  这应该传入form表单待优化
 * @param {*} token  token
 * @param {*} key  用来设置上传文件名称,不传会用图片md5
 * @param {*} cb 回调
 */
function imgUpdate(f, token, key, cb) {
  let _arr = []
  for (let i = 0; i < f.length; i++) {
    update(f[i], token, key, function (res) {
      _arr.push(res);
      if (_arr.length == f.length) {
        cb(_arr)
      }
    })
  }
}

function update(f, token, key, cb) {
  console.log(f)
  var Qiniu_UploadUrl = "http://up-z2.qiniu.com";
  var xhr = new XMLHttpRequest();
  xhr.open('POST', Qiniu_UploadUrl, true);
  var formData, startDate;
  formData = new FormData();
  if (key !== null && key !== undefined && key !== '') {
    formData.append('key', key)
  };
  formData.append('token', token);
  formData.append('file', f);
  var taking;
  xhr.onreadystatechange = function (response) {
    console.log(xhr)
    if (xhr.readyState == 4 && xhr.status == 200 && xhr.responseText != "") {
      var blkRet = JSON.parse(xhr.responseText);
      if (cb) {
        cb(blkRet)
      }
    }
  };
  xhr.send(formData);
}
export {
  qiniuToken,
  imgUpdate
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值