上传视频到亚马逊平台(S3,VUE Demo)

  *
    * 上传亚马逊的基本思路为
    * ***
    * 1.调用后端接口,获取需要上传到亚马逊的数据(从后台获取亚马逊需要的数据)
    * 2.提交数据到亚马逊之后,亚马逊会自动刷新当前form表单的页面,刷新后 将form表单所在页面的url改变,将我们需要的字段通过url返回给我们
    * (后台通过这些字段可以找到当前上传视频所在亚马逊的位置及视频信息)
    * 3.获取到url中的信息后 将获取信息通过接口发送给后端 完成上传
    *
    * 因此需要注意的是:
    * 1.使用form表单提交(不然会有跨域问题)
    * 2.使用iframe包裹表单上传(上传成功后会刷新页面我们不能让我们操作的页面刷新,只能通过iframe),
    * 3.同步上传多个视频就要同时生成多少个iframe,因为每一个上传都会有不同的返回值,想要获取对应数据 就不能动当前上传的iframe
    * (再次操作正在上传的iframe会让上传停止)

 ******按照我下面所做可以解决网上说的跨域问题

1.主上传页面:

2.Iframe页面

 

 

3.镶嵌在iframe内的form表单

4.请求后台接口js(根据实际情况修改)

import Axios from 'axios';
import Tool from '@/assets/js/utils.js';

const session = Tool.getSession();

// example
export async function requestUpload(params) {
  // axios.defaults.headers.authorization = token;
  let url = '';
  const res = await Axios.post(url, params,{contentType: 'application/json;charset=UTF-8'});
  return res;
}

export async function notifyUploadVideoSuccess(params) {
  let url = '';
  const res = await Axios.post(url, params,{contentType: 'application/json;charset=UTF-8'});
  return res;
}