shineout/es/Upload/request.js

Shein 前端组件库

export var UPLOADING = 1;
export var SUCCESS = 2;
export var ERROR = 3;

function createCORSRequest(method, url) {
  var xhr = new XMLHttpRequest();

  if ('withCredentials' in xhr) {
    // XHR for Chrome/Firefox/Opera/Safari.
    xhr.open(method, url, true);
  } else if (typeof XDomainRequest !== 'undefined') {
    // XDomainRequest for IE.
    xhr = new XDomainRequest();
    xhr.open(method, url);
  } else {
    // CORS not supported.
    xhr = null;
  }

  return xhr;
}

export default function (args) {
  var url = args.url,
      name = args.name,
      cors = args.cors,
      file = args.file,
      onProgress = args.onProgress,
      onLoad = args.onLoad,
      onError = args.onError,
      withCredentials = args.withCredentials,
      _args$params = args.params,
      params = _args$params === void 0 ? {} : _args$params,
      _args$headers = args.headers,
      headers = _args$headers === void 0 ? {} : _args$headers,
      onStart = args.onStart,
      responseType = args.responseType;

  if (!url) {
    console.error(new Error("action is required, but its value is " + url));
    return undefined;
  }

  var data = new FormData();
  Object.keys(params).forEach(function (k) {
    data.append(k, params[k]);
  });
  data.append(name, file); // @ts-ignore 多传了一个参数

  var xhr = createCORSRequest('post', url, cors);
  if (!xhr) return undefined;
  xhr.withCredentials = !!withCredentials;

  if (responseType) {
    xhr.responseType = responseType;
  }

  if (onProgress) xhr.upload.addEventListener('progress', onProgress, false);

  xhr.onload = function (e) {
    return onLoad(e.currentTarget);
  };

  xhr.onerror = onError;
  Object.keys(headers).forEach(function (k) {
    xhr.setRequestHeader(k, headers[k]);
  });
  if (onStart) onStart(file);
  xhr.send(data);
  return xhr;
}