|
|
"use strict";
|
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[42240],{
|
|
|
|
|
|
/***/ 93899:
|
|
|
/*!**********************************************************!*\
|
|
|
!*** ./src/components/CoverUpload/index.tsx + 1 modules ***!
|
|
|
\**********************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"Z": function() { return /* binding */ components_CoverUpload; }
|
|
|
});
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/upload/style/index.js + 1 modules
|
|
|
var style = __webpack_require__(13759);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/upload/index.js + 20 modules
|
|
|
var upload = __webpack_require__(7426);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/style/index.js + 1 modules
|
|
|
var message_style = __webpack_require__(14934);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 1 modules
|
|
|
var message = __webpack_require__(12461);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js + 1 modules
|
|
|
var button_style = __webpack_require__(29913);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
|
|
|
var es_button = __webpack_require__(71577);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
|
|
|
var slicedToArray = __webpack_require__(27424);
|
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
var react = __webpack_require__(67294);
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/UploadOutlined.js + 1 modules
|
|
|
var UploadOutlined = __webpack_require__(88484);
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js
|
|
|
var CloseCircleFilled = __webpack_require__(38900);
|
|
|
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
|
|
|
var env = __webpack_require__(59758);
|
|
|
;// CONCATENATED MODULE: ./src/components/CoverUpload/index.less?modules
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
/* harmony default export */ var CoverUploadmodules = ({"img":"img___BgL9D"});
|
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
|
;// CONCATENATED MODULE: ./src/components/CoverUpload/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var CoverUpload = function CoverUpload(_ref) {
|
|
|
var value = _ref.value,
|
|
|
onChange = _ref.onChange,
|
|
|
getFileProgress = _ref.getFileProgress;
|
|
|
var _useState = (0,react.useState)(false),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
imgLoading = _useState2[0],
|
|
|
setImgLoading = _useState2[1];
|
|
|
var uploadButton = /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
|
loading: imgLoading,
|
|
|
icon: /*#__PURE__*/(0,jsx_runtime.jsx)(UploadOutlined/* default */.Z, {}),
|
|
|
children: "\u9009\u62E9\u4E0A\u4F20\u6587\u4EF6"
|
|
|
});
|
|
|
var renderImg = function renderImg() {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: CoverUploadmodules.img,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
|
src: env/* default.API_SERVER */.Z.API_SERVER + "/api/attachments/" + value,
|
|
|
alt: "avatar",
|
|
|
style: {
|
|
|
width: 288
|
|
|
}
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(CloseCircleFilled/* default */.Z, {
|
|
|
onClick: function onClick() {
|
|
|
return onChange('');
|
|
|
},
|
|
|
style: {
|
|
|
fontSize: '16px',
|
|
|
color: 'red'
|
|
|
}
|
|
|
})
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
var handleChange = function handleChange(info) {
|
|
|
if (getFileProgress) {
|
|
|
getFileProgress(info);
|
|
|
}
|
|
|
if (info.file.status === 'uploading') {
|
|
|
setImgLoading(true);
|
|
|
return;
|
|
|
}
|
|
|
if (info.file.status === 'done') {
|
|
|
var _info$file, _info$file$response, _info$file3, _info$file3$response;
|
|
|
setImgLoading(false);
|
|
|
if (info.file.status === 'done' && ((_info$file = info.file) === null || _info$file === void 0 ? void 0 : (_info$file$response = _info$file.response) === null || _info$file$response === void 0 ? void 0 : _info$file$response.status) === -1) {
|
|
|
var _info$file2, _info$file2$response;
|
|
|
message/* default.error */.ZP.error((_info$file2 = info.file) === null || _info$file2 === void 0 ? void 0 : (_info$file2$response = _info$file2.response) === null || _info$file2$response === void 0 ? void 0 : _info$file2$response.message);
|
|
|
// onChange()
|
|
|
return;
|
|
|
}
|
|
|
onChange(info === null || info === void 0 ? void 0 : (_info$file3 = info.file) === null || _info$file3 === void 0 ? void 0 : (_info$file3$response = _info$file3.response) === null || _info$file3$response === void 0 ? void 0 : _info$file3$response.id);
|
|
|
}
|
|
|
};
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(react.Fragment, {
|
|
|
children: value ? renderImg() : /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, {
|
|
|
withCredentials: true,
|
|
|
name: "file",
|
|
|
showUploadList: false,
|
|
|
action: "".concat(env/* default.API_SERVER */.Z.API_SERVER, "/api/attachments.json"),
|
|
|
onChange: handleChange,
|
|
|
accept: "image/*",
|
|
|
children: uploadButton
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: "mt20 c-light-black",
|
|
|
children: "\u8BF4\u660E\uFF1A\u652F\u6301\u4E0A\u4F20jpg/png\u7B49\u683C\u5F0F\u6587\u4EF6\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC72M,\u5EFA\u8BAE\u4F7F\u7528288*158\u50CF\u7D20\uFF1B"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: "c-light-black",
|
|
|
children: "\u5982\u4E0D\u4E0A\u4F20\uFF0C\u9ED8\u8BA4\u4F7F\u7528\u7CFB\u7EDF\u56FE\u7247\u3002"
|
|
|
})]
|
|
|
})
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var components_CoverUpload = (CoverUpload);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 13198:
|
|
|
/*!*******************************************************************!*\
|
|
|
!*** ./src/pages/User/Detail/Videos/Upload/index.tsx + 2 modules ***!
|
|
|
\*******************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// ESM COMPAT FLAG
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"default": function() { return /* binding */ Videos_Upload; }
|
|
|
});
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/breadcrumb/style/index.js + 1 modules
|
|
|
var style = __webpack_require__(63102);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/breadcrumb/index.js + 3 modules
|
|
|
var breadcrumb = __webpack_require__(58492);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/spin/style/index.js + 1 modules
|
|
|
var spin_style = __webpack_require__(22536);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/spin/index.js
|
|
|
var spin = __webpack_require__(11382);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/style/index.js + 1 modules
|
|
|
var input_style = __webpack_require__(69463);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules
|
|
|
var input = __webpack_require__(75008);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js + 1 modules
|
|
|
var button_style = __webpack_require__(29913);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
|
|
|
var es_button = __webpack_require__(71577);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/progress/style/index.js + 1 modules
|
|
|
var progress_style = __webpack_require__(57273);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/progress/index.js + 10 modules
|
|
|
var progress = __webpack_require__(97910);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
|
|
|
var regeneratorRuntime = __webpack_require__(17061);
|
|
|
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
|
|
|
var asyncToGenerator = __webpack_require__(17156);
|
|
|
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/style/index.js + 1 modules
|
|
|
var modal_style = __webpack_require__(35611);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 7 modules
|
|
|
var modal = __webpack_require__(85402);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/style/index.js + 1 modules
|
|
|
var message_style = __webpack_require__(14934);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 1 modules
|
|
|
var message = __webpack_require__(12461);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
|
|
|
var slicedToArray = __webpack_require__(27424);
|
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js
|
|
|
var objectWithoutProperties = __webpack_require__(70215);
|
|
|
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
|
|
|
var objectSpread2 = __webpack_require__(42122);
|
|
|
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/toConsumableArray.js
|
|
|
var toConsumableArray = __webpack_require__(861);
|
|
|
var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
var react = __webpack_require__(67294);
|
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
|
|
|
var _umi_production_exports = __webpack_require__(89214);
|
|
|
;// CONCATENATED MODULE: ./src/assets/images/video/shipin.png
|
|
|
var shipin_namespaceObject = "data:image/png;base64,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";
|
|
|
// EXTERNAL MODULE: ./src/components/CoverUpload/index.tsx + 1 modules
|
|
|
var CoverUpload = __webpack_require__(93899);
|
|
|
;// CONCATENATED MODULE: ./src/pages/User/Detail/Videos/Upload/index.less?modules
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
/* harmony default export */ var Uploadmodules = ({"bg":"bg___Pdlx1","heard":"heard___D5VPz","videos":"videos___cIcnS","back":"back___M0SxP","uploadTop":"uploadTop___Hd6A6","imgWrap":"imgWrap___Jenfg","imgDiv":"imgDiv___Y9mbc","defaultImg":"defaultImg___KNaal","hoverImg":"hoverImg___YUDht","uploadTitle":"uploadTitle___QxurB","colorBlue":"colorBlue___zFvtj","uploadDescription":"uploadDescription___tk2cJ","spanTitle":"spanTitle___lwI5C","colorOrange":"colorOrange___ebCVZ","fileMain":"fileMain___zR7Vy","fileWrap":"fileWrap___v5NKm","fileProgress":"fileProgress___lML1V","fileCancel":"fileCancel___biJ3s","fileInputWrap":"fileInputWrap___UXT5i","fileImgWrap":"fileImgWrap___pbDh2","fileInput":"fileInput___Etaoa","flexRowCenter":"flexRowCenter___cmEiQ","continueAdd":"continueAdd___fIdAa"});
|
|
|
// EXTERNAL MODULE: ./src/utils/aliyunUpload.ts
|
|
|
var aliyunUpload = __webpack_require__(77320);
|
|
|
// EXTERNAL MODULE: ./src/service/user.ts
|
|
|
var service_user = __webpack_require__(58839);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
|
;// CONCATENATED MODULE: ./src/pages/User/Detail/Videos/Upload/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["user", "userDetail", "globalSetting", "loading", "dispatch"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MAX_LENGTH = 30;
|
|
|
var MAX_FILE_SIZE = 1024;
|
|
|
var videoReducer = function videoReducer(state, action) {
|
|
|
var _state$videoList, _state$videoList2;
|
|
|
var _action$payload$uploa = action.payload.uploadInfo,
|
|
|
uploadInfo = _action$payload$uploa === void 0 ? {} : _action$payload$uploa;
|
|
|
switch (action.type) {
|
|
|
case 'addVideo':
|
|
|
return {
|
|
|
videoList: [].concat(toConsumableArray_default()(state.videoList), [{
|
|
|
name: uploadInfo.file.name,
|
|
|
size: uploadInfo.file.size,
|
|
|
type: uploadInfo.file.type,
|
|
|
fileHash: uploadInfo.fileHash,
|
|
|
state: uploadInfo.state,
|
|
|
videoId: uploadInfo.videoId,
|
|
|
attachment_id: '',
|
|
|
loaded: 0,
|
|
|
title: ''
|
|
|
}])
|
|
|
};
|
|
|
case 'removeVideo':
|
|
|
return {
|
|
|
videoList: state.videoList.filter(function (item) {
|
|
|
return item.name !== action.payload.name;
|
|
|
})
|
|
|
};
|
|
|
case 'removeAll':
|
|
|
return [];
|
|
|
case 'updateProgress':
|
|
|
return {
|
|
|
videoList: state.videoList.map(function (item) {
|
|
|
if (item.name === action.payload.uploadInfo.file.name) {
|
|
|
return objectSpread2_default()(objectSpread2_default()({}, item), {
|
|
|
loaded: action.payload.progressPercent,
|
|
|
videoId: uploadInfo.videoId,
|
|
|
fileHash: uploadInfo.fileHash
|
|
|
});
|
|
|
}
|
|
|
return item;
|
|
|
})
|
|
|
};
|
|
|
case 'updateTitle':
|
|
|
return {
|
|
|
videoList: (_state$videoList = state.videoList) === null || _state$videoList === void 0 ? void 0 : _state$videoList.map(function (video) {
|
|
|
if (video.name === action.payload.item.name) {
|
|
|
return objectSpread2_default()(objectSpread2_default()({}, video), {
|
|
|
title: action.payload.title
|
|
|
});
|
|
|
}
|
|
|
return video;
|
|
|
})
|
|
|
};
|
|
|
case 'updateImg':
|
|
|
return {
|
|
|
videoList: (_state$videoList2 = state.videoList) === null || _state$videoList2 === void 0 ? void 0 : _state$videoList2.map(function (video) {
|
|
|
if (video.name === action.payload.item.name) {
|
|
|
return objectSpread2_default()(objectSpread2_default()({}, video), {
|
|
|
attachment_id: action.payload.attachment_id
|
|
|
});
|
|
|
}
|
|
|
return video;
|
|
|
})
|
|
|
};
|
|
|
default:
|
|
|
return [];
|
|
|
}
|
|
|
};
|
|
|
var Upload = function Upload(_ref) {
|
|
|
var _state$videoList5;
|
|
|
var user = _ref.user,
|
|
|
userDetail = _ref.userDetail,
|
|
|
globalSetting = _ref.globalSetting,
|
|
|
loading = _ref.loading,
|
|
|
dispatch = _ref.dispatch,
|
|
|
props = objectWithoutProperties_default()(_ref, _excluded);
|
|
|
var params = (0,_umi_production_exports.useParams)();
|
|
|
var _useState = (0,react.useState)(false),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
isLoading = _useState2[0],
|
|
|
setIsLoading = _useState2[1];
|
|
|
var _useReducer = (0,react.useReducer)(videoReducer, {
|
|
|
videoList: []
|
|
|
}),
|
|
|
_useReducer2 = slicedToArray_default()(_useReducer, 2),
|
|
|
state = _useReducer2[0],
|
|
|
stateDispatch = _useReducer2[1];
|
|
|
var uploader = (0,react.useRef)();
|
|
|
(0,react.useEffect)(function () {
|
|
|
window.addEventListener('beforeunload', handleBeforeunload);
|
|
|
return function () {
|
|
|
window.removeEventListener('beforeunload', handleBeforeunload);
|
|
|
};
|
|
|
}, []);
|
|
|
var handleBeforeunload = function handleBeforeunload(event) {
|
|
|
event.preventDefault();
|
|
|
event.returnValue = '';
|
|
|
};
|
|
|
var clearInput = function clearInput() {
|
|
|
var input = document.getElementById('fileUpload');
|
|
|
input.value = '';
|
|
|
};
|
|
|
var handleChangeUpload = function handleChangeUpload(e) {
|
|
|
var _user$userInfo, _user$userInfo2, _state$videoList3;
|
|
|
var file = e.target.files[0];
|
|
|
if (!file) {
|
|
|
clearInput();
|
|
|
return;
|
|
|
}
|
|
|
var name = file.name.toLowerCase();
|
|
|
if (name && name.indexOf('.avi') == -1 && name.indexOf('.flv') == -1 && name.indexOf('.f4v') == -1 && name.indexOf('.m4v') == -1 && name.indexOf('.mov') == -1 && name.indexOf('.mp4') == -1 && name.indexOf('.rmvb') == -1 && name.indexOf('.swf') == -1 && name.indexOf('.webm') == -1 && name.indexOf('.wmv') == -1) {
|
|
|
message/* default.info */.ZP.info("\u4E0D\u652F\u6301\u7684\u89C6\u9891\u683C\u5F0F");
|
|
|
clearInput();
|
|
|
return;
|
|
|
}
|
|
|
if (!((_user$userInfo = user.userInfo) !== null && _user$userInfo !== void 0 && _user$userInfo.admin || (_user$userInfo2 = user.userInfo) !== null && _user$userInfo2 !== void 0 && _user$userInfo2.business) && file.size > MAX_FILE_SIZE * 1024 * 1024) {
|
|
|
message/* default.info */.ZP.info("\u89C6\u9891\u5927\u5C0F\u8D85\u8FC7".concat(MAX_FILE_SIZE, "M"));
|
|
|
clearInput();
|
|
|
return;
|
|
|
}
|
|
|
if ((_state$videoList3 = state.videoList) !== null && _state$videoList3 !== void 0 && _state$videoList3.find(function (item) {
|
|
|
return item.name === file.name;
|
|
|
})) {
|
|
|
message/* default.info */.ZP.info("\u4F60\u4E0D\u80FD\u4E0A\u4F20\u540C\u4E00\u4E2A\u89C6\u9891\u6587\u4EF6\u540D\u79F0\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u3002");
|
|
|
clearInput();
|
|
|
return;
|
|
|
}
|
|
|
handleUpload(file);
|
|
|
};
|
|
|
var handleRemove = function handleRemove(name, isSuccess) {
|
|
|
modal/* default.confirm */.Z.confirm({
|
|
|
title: '提示',
|
|
|
centered: true,
|
|
|
okText: '确定',
|
|
|
cancelText: '取消',
|
|
|
content: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: "tc",
|
|
|
children: ["\u60A8\u786E\u8BA4\u8981", isSuccess ? '删除' : '取消上传', "\u8BE5\u89C6\u9891\u5417\uFF1F"]
|
|
|
}),
|
|
|
onOk: function onOk() {
|
|
|
clearInput();
|
|
|
stateDispatch({
|
|
|
type: 'removeVideo',
|
|
|
payload: {
|
|
|
name: name
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
var handleUpload = function handleUpload(file) {
|
|
|
var userData = '{"Vod":{}}';
|
|
|
setIsLoading(true);
|
|
|
if (uploader.current) {
|
|
|
uploader.current.addFile(file, null, null, null, userData);
|
|
|
return;
|
|
|
}
|
|
|
(0,aliyunUpload/* getUploader */.o)(params === null || params === void 0 ? void 0 : params.username, '', {
|
|
|
create: !uploader,
|
|
|
addFileSuccess: function addFileSuccess(uploadInfo) {
|
|
|
stateDispatch({
|
|
|
type: 'addVideo',
|
|
|
payload: {
|
|
|
uploadInfo: uploadInfo
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
onUploadProgress: function onUploadProgress(uploadInfo, totalSize, progress) {
|
|
|
var progressPercent = Math.ceil(progress * 100);
|
|
|
stateDispatch({
|
|
|
type: 'updateProgress',
|
|
|
payload: {
|
|
|
uploadInfo: uploadInfo,
|
|
|
progressPercent: progressPercent
|
|
|
}
|
|
|
});
|
|
|
clearInput();
|
|
|
},
|
|
|
onUploadFailed: function onUploadFailed(uploadInfo) {
|
|
|
message/* default.info */.ZP.info('视频云服务出现异常，请重新上传。');
|
|
|
},
|
|
|
onUploadEnd: function onUploadEnd(uploadInfo) {
|
|
|
setIsLoading(false);
|
|
|
},
|
|
|
onUploadSucceed: function onUploadSucceed(uploadInfo) {
|
|
|
setIsLoading(false);
|
|
|
},
|
|
|
onUploadError: function onUploadError(uploadInfo) {
|
|
|
setIsLoading(false);
|
|
|
},
|
|
|
gotUploader: function gotUploader(_uploader) {
|
|
|
_uploader.addFile(file, null, null, null, userData);
|
|
|
uploader.current = _uploader;
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
var handlePublish = /*#__PURE__*/function () {
|
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
|
var _state$videoList4;
|
|
|
var res;
|
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
if ((_state$videoList4 = state.videoList) !== null && _state$videoList4 !== void 0 && _state$videoList4.length) {
|
|
|
_context.next = 3;
|
|
|
break;
|
|
|
}
|
|
|
message/* default.info */.ZP.info('请先上传视频');
|
|
|
return _context.abrupt("return");
|
|
|
case 3:
|
|
|
_context.next = 5;
|
|
|
return (0,service_user/* batchPublish */.dt)({
|
|
|
username: params.username,
|
|
|
videos: state.videoList.map(function (item) {
|
|
|
return {
|
|
|
video_id: item.videoId,
|
|
|
title: item.title,
|
|
|
attachment_id: item.attachment_id
|
|
|
};
|
|
|
})
|
|
|
});
|
|
|
case 5:
|
|
|
res = _context.sent;
|
|
|
if ((res === null || res === void 0 ? void 0 : res.status) === 0) {
|
|
|
_umi_production_exports.history.push("/users/".concat(params.username, "/videos/success"));
|
|
|
}
|
|
|
case 7:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function handlePublish() {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
var hasFile = (_state$videoList5 = state.videoList) === null || _state$videoList5 === void 0 ? void 0 : _state$videoList5.length;
|
|
|
var renderUpload = function renderUpload() {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("label", {
|
|
|
htmlFor: "fileUpload",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Uploadmodules.uploadTop,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Uploadmodules.imgWrap,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Uploadmodules.imgDiv,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
|
className: Uploadmodules.defaultImg,
|
|
|
src: shipin_namespaceObject
|
|
|
})
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Uploadmodules.uploadTitle,
|
|
|
children: "\u9009\u62E9\u60A8\u8981\u4E0A\u4F20\u7684\u89C6\u9891"
|
|
|
})]
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Uploadmodules.uploadDescription,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Uploadmodules.spanTitle,
|
|
|
children: "\u4E0A\u4F20\u89C6\u9891\uFF1A"
|
|
|
}), "\u5373\u8868\u793A\u60A8\u5DF2\u540C\u610F", /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
|
|
|
to: "/users/".concat(params === null || params === void 0 ? void 0 : params.username, "/videos/protocol"),
|
|
|
className: Uploadmodules.colorBlue,
|
|
|
children: "\u4E0A\u4F20\u5185\u5BB9\u534F\u8BAE"
|
|
|
}), "\uFF0C\u4E0D\u5F97\u4E0A\u4F20\u672A\u7ECF\u4ED6\u4EBA\u6388\u6743\u7684\u4F5C\u54C1"]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Uploadmodules.spanTitle,
|
|
|
children: "\u4E0A\u4F20\u8BF4\u660E\uFF1A"
|
|
|
}), "\u76EE\u524D\u4E0D\u652F\u6301\u65AD\u70B9\u7EED\u4F20\uFF0C\u5355\u4E2A\u89C6\u9891\u6587\u4EF6\u6700\u5927\u9650\u52361G\uFF0C\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20 "]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Uploadmodules.spanTitle,
|
|
|
children: "\u89C6\u9891\u89C4\u683C\uFF1A"
|
|
|
}), "avi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Uploadmodules.spanTitle,
|
|
|
children: "\u6E29\u99A8\u63D0\u793A\uFF1A"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Uploadmodules.colorOrange,
|
|
|
children: "\u4E3A\u4E86\u66F4\u597D\u7684\u64AD\u653E\u4F53\u9A8C\uFF0C\u5EFA\u8BAE\u60A8\u4F18\u5148\u4E0A\u4F20MP4\u683C\u5F0F\u3002\u5982\u679C\u60A8\u662F\u81EA\u5DF1\u5F55\u5236\u89C6\u9891\uFF0C\u5EFA\u8BAE\u60A8\u4FDD\u5B58\u7684\u65F6\u5019\u5C06\u89C6\u9891\u7F16\u7801\u8BBE\u7F6E\u4E3AAVC(H264)"
|
|
|
})]
|
|
|
})]
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
var renderFile = function renderFile() {
|
|
|
var _state$videoList6;
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Uploadmodules.fileMain,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(spin/* default */.Z, {
|
|
|
spinning: isLoading,
|
|
|
children: (_state$videoList6 = state.videoList) === null || _state$videoList6 === void 0 ? void 0 : _state$videoList6.map(function (item, index) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Uploadmodules.fileWrap,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [index + 1, ". ", item.name]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Uploadmodules.fileProgress,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(progress/* default */.Z, {
|
|
|
percent: item.loaded,
|
|
|
status: item.loaded == 100 ? "normal" : 'active'
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Uploadmodules.fileCancel,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
|
type: "primary",
|
|
|
onClick: function onClick() {
|
|
|
return handleRemove(item.name, item.loaded == 100);
|
|
|
},
|
|
|
children: item.loaded === 100 ? '删除' : '取消上传'
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Uploadmodules.fileInputWrap,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: "mr5",
|
|
|
children: "\u6807\u9898"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
|
value: item.title,
|
|
|
onChange: function onChange(e) {
|
|
|
stateDispatch({
|
|
|
type: 'updateTitle',
|
|
|
payload: {
|
|
|
title: e.target.value,
|
|
|
item: item
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
className: Uploadmodules.fileInput,
|
|
|
placeholder: "\u6807\u9898\u652F\u6301\u6700\u591A".concat(MAX_LENGTH, "\u4E2A\u5B57\u7B26"),
|
|
|
maxLength: MAX_LENGTH,
|
|
|
addonAfter: /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: "c-light-black font12",
|
|
|
children: [String(item.title.length), "/", MAX_LENGTH]
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Uploadmodules.fileImgWrap,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
|
|
|
className: "mr5",
|
|
|
children: "\u4E0A\u4F20\u5C01\u9762\u56FE:"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(CoverUpload/* default */.Z, {
|
|
|
value: item === null || item === void 0 ? void 0 : item.attachment_id,
|
|
|
onChange: function onChange(e) {
|
|
|
stateDispatch({
|
|
|
type: 'updateImg',
|
|
|
payload: {
|
|
|
attachment_id: e,
|
|
|
item: item
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
})]
|
|
|
})]
|
|
|
});
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: "mt10",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
|
|
|
htmlFor: "fileUpload",
|
|
|
className: "".concat(Uploadmodules.continueAdd, " current"),
|
|
|
children: "\u7EE7\u7EED\u6DFB\u52A0"
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Uploadmodules.description,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: "\u4E0A\u4F20\u8BF4\u660E\uFF1A\u76EE\u524D\u4E0D\u652F\u6301\u65AD\u70B9\u7EED\u4F20\uFF0C\u5355\u4E2A\u89C6\u9891\u6587\u4EF6\u6700\u5927\u9650\u52361G\uFF0C\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20 "
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: "\u89C6\u9891\u89C4\u683C\uFF1Aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: ["\u6E29\u99A8\u63D0\u793A\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Uploadmodules.colorOrange,
|
|
|
children: "\u4E3A\u4E86\u66F4\u597D\u7684\u64AD\u653E\u4F53\u9A8C\uFF0C\u5EFA\u8BAE\u60A8\u4F18\u5148\u4E0A\u4F20MP4\u683C\u5F0F\u3002\u5982\u679C\u60A8\u662F\u81EA\u5DF1\u5F55\u5236\u89C6\u9891\uFF0C\u5EFA\u8BAE\u60A8\u4FDD\u5B58\u7684\u65F6\u5019\u5C06\u89C6\u9891\u7F16\u7801\u8BBE\u7F6E\u4E3AAVC(H264)"
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Uploadmodules.flexRowCenter,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
|
type: "primary",
|
|
|
onClick: handlePublish,
|
|
|
children: "\u7ACB\u5373\u53D1\u5E03"
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: "".concat(Uploadmodules.flexRowCenter, " mt10"),
|
|
|
children: ["\u4E0A\u4F20\u89C6\u9891\uFF0C\u5373\u8868\u793A\u60A8\u5DF2\u540C\u610F", /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
|
|
|
to: "/users/".concat(params === null || params === void 0 ? void 0 : params.username, "/videos/protocol"),
|
|
|
className: Uploadmodules.colorBlue,
|
|
|
children: "\u4E0A\u4F20\u5185\u5BB9\u534F\u8BAE"
|
|
|
}), "\uFF0C\u4E0D\u5F97\u4E0A\u4F20\u672A\u7ECF\u4ED6\u4EBA\u6388\u6743\u7684\u4F5C\u54C1"]
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
style: {
|
|
|
padding: '21px 0 0 45px'
|
|
|
},
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
|
|
|
className: Uploadmodules.bg,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(breadcrumb/* default */.Z, {
|
|
|
className: "mb10 mt10",
|
|
|
separator: ">",
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
|
|
|
href: "/users/".concat(params === null || params === void 0 ? void 0 : params.username, "/videos"),
|
|
|
children: "\u89C6\u9891"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
|
|
|
children: "\u4E0A\u4F20\u89C6\u9891"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Uploadmodules.heard,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Uploadmodules.videos,
|
|
|
children: "\u4E0A\u4F20\u89C6\u9891"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Uploadmodules.back,
|
|
|
onClick: function onClick() {
|
|
|
return _umi_production_exports.history.push("/users/".concat(params.username, "/videos"));
|
|
|
},
|
|
|
children: "\u8FD4\u56DE"
|
|
|
})]
|
|
|
}), hasFile ? renderFile() : renderUpload(), /*#__PURE__*/(0,jsx_runtime.jsx)("input", {
|
|
|
type: "file",
|
|
|
id: "fileUpload",
|
|
|
style: {
|
|
|
display: 'none'
|
|
|
},
|
|
|
onChange: handleChangeUpload,
|
|
|
accept: ".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*"
|
|
|
})]
|
|
|
})
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var Videos_Upload = ((0,_umi_production_exports.connect)(function (_ref3) {
|
|
|
var user = _ref3.user,
|
|
|
userDetail = _ref3.userDetail,
|
|
|
loading = _ref3.loading,
|
|
|
globalSetting = _ref3.globalSetting;
|
|
|
return {
|
|
|
user: user,
|
|
|
userDetail: userDetail,
|
|
|
globalSetting: globalSetting,
|
|
|
loading: loading.models.index
|
|
|
};
|
|
|
})(Upload));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 77320:
|
|
|
/*!***********************************!*\
|
|
|
!*** ./src/utils/aliyunUpload.ts ***!
|
|
|
\***********************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
|
/* harmony export */ "o": function() { return /* binding */ getUploader; }
|
|
|
/* harmony export */ });
|
|
|
/* harmony import */ var _utils_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/utils/fetch */ 84519);
|
|
|
/* harmony import */ var aliyun_vod_upload_ll__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! aliyun-vod-upload-ll */ 69548);
|
|
|
/* harmony import */ var aliyun_vod_upload_ll__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aliyun_vod_upload_ll__WEBPACK_IMPORTED_MODULE_1__);
|
|
|
|
|
|
|
|
|
var login = '';
|
|
|
var uploader;
|
|
|
var virtual_classroom_id = '';
|
|
|
function createUploader(options) {
|
|
|
doCreateUploader(options);
|
|
|
}
|
|
|
function doCreateUploader(options) {
|
|
|
uploader = new (aliyun_vod_upload_ll__WEBPACK_IMPORTED_MODULE_1___default().Vod)({
|
|
|
timeout: 60000,
|
|
|
partSize: 1048576,
|
|
|
parallel: 5,
|
|
|
retryCount: 3,
|
|
|
retryDuration: 2,
|
|
|
region: 'ap-southeast-1',
|
|
|
userId: 1829848226361863,
|
|
|
enableUploadProgress: false,
|
|
|
addFileSuccess: function addFileSuccess(uploadInfo) {
|
|
|
console.log("addFileSuccess: " + uploadInfo.file.name);
|
|
|
options.addFileSuccess && options.addFileSuccess(uploadInfo);
|
|
|
uploader.startUpload();
|
|
|
},
|
|
|
// 开始上传
|
|
|
onUploadstarted: function onUploadstarted(uploadInfo) {
|
|
|
var fileName = uploadInfo.file.name;
|
|
|
if (!uploadInfo.videoId) {
|
|
|
var createUrl = "/api/users/".concat(login, "/video_auths.json");
|
|
|
var _random = ''; // Math.random().toString().substring(3, 6)+'-'
|
|
|
(0,_utils_fetch__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP)(createUrl, {
|
|
|
method: 'Post',
|
|
|
body: {
|
|
|
title: _random + fileName,
|
|
|
file_name: _random + fileName,
|
|
|
virtual_classroom_id: virtual_classroom_id
|
|
|
}
|
|
|
}).then(function (response) {
|
|
|
if (response) {
|
|
|
var data = response.data;
|
|
|
var uploadAuth = data.UploadAuth;
|
|
|
var uploadAddress = data.UploadAddress;
|
|
|
var videoId = data.VideoId;
|
|
|
uploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress, videoId);
|
|
|
}
|
|
|
})["catch"](function (error) {
|
|
|
uploader.deleteFile(uploader._curIndex);
|
|
|
uploader.nextUpload();
|
|
|
console.log(error);
|
|
|
});
|
|
|
console.log('文件开始上传...');
|
|
|
} else {
|
|
|
// 如果videoId有值，根据videoId刷新上传凭证
|
|
|
var refreshUrl = "/api/users/".concat(login, "/video_auths.json");
|
|
|
(0,_utils_fetch__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP)(refreshUrl, {
|
|
|
method: 'put',
|
|
|
body: {
|
|
|
video_id: uploadInfo.videoId,
|
|
|
title: fileName,
|
|
|
file_name: fileName,
|
|
|
virtual_classroom_id: virtual_classroom_id
|
|
|
}
|
|
|
}).then(function (response) {
|
|
|
if (response.status == -1) {
|
|
|
options.onUploadError && options.onUploadError(uploadInfo);
|
|
|
return;
|
|
|
}
|
|
|
var data = response.data;
|
|
|
var uploadAuth = data.UploadAuth;
|
|
|
var uploadAddress = data.UploadAddress;
|
|
|
var videoId = data.VideoId;
|
|
|
uploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress);
|
|
|
})["catch"](function (error) {
|
|
|
uploader.deleteFile(uploader._curIndex);
|
|
|
uploader.nextUpload();
|
|
|
console.log(error);
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
// 文件上传成功
|
|
|
onUploadSucceed: function onUploadSucceed(uploadInfo) {
|
|
|
options.onUploadSucceed && options.onUploadSucceed(uploadInfo);
|
|
|
console.log('文件上传成功!');
|
|
|
},
|
|
|
// 文件上传失败
|
|
|
onUploadFailed: function onUploadFailed(uploadInfo, code, message) {
|
|
|
options.onUploadFailed && options.onUploadFailed(uploadInfo);
|
|
|
console.log('文件上传失败!');
|
|
|
},
|
|
|
// 取消文件上传
|
|
|
onUploadCanceled: function onUploadCanceled(uploadInfo, code, message) {
|
|
|
console.log('文件上传已暂停!');
|
|
|
},
|
|
|
// 文件上传进度，单位：字节, 可以在这个函数中拿到上传进度并显示在页面上
|
|
|
onUploadProgress: function onUploadProgress(uploadInfo, totalSize, progress) {
|
|
|
options.onUploadProgress && options.onUploadProgress(uploadInfo, totalSize, progress);
|
|
|
var progressPercent = Math.ceil(progress * 100);
|
|
|
console.log('文件上传中...');
|
|
|
},
|
|
|
// 上传凭证超时
|
|
|
onUploadTokenExpired: function onUploadTokenExpired(uploadInfo) {
|
|
|
console.log('文件上传超时!');
|
|
|
var refreshUrl = "/api/users/".concat(login, "/video_auths.json");
|
|
|
(0,_utils_fetch__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP)(refreshUrl, {
|
|
|
method: 'put',
|
|
|
body: {
|
|
|
video_id: uploadInfo.videoId
|
|
|
}
|
|
|
}).then(function (response) {
|
|
|
var data = response.data;
|
|
|
var uploadAuth = data.UploadAuth;
|
|
|
uploader.resumeUploadWithAuth(uploadAuth);
|
|
|
})["catch"](function (error) {
|
|
|
console.log(error);
|
|
|
});
|
|
|
},
|
|
|
// 全部文件上传结束
|
|
|
onUploadEnd: function onUploadEnd(uploadInfo) {
|
|
|
options.onUploadEnd && options.onUploadEnd(uploadInfo);
|
|
|
console.log("onUploadEnd: uploaded all the files");
|
|
|
}
|
|
|
});
|
|
|
if (options.gotUploader) {
|
|
|
options.gotUploader(uploader);
|
|
|
}
|
|
|
}
|
|
|
function getUploader(_login, _virtual_classroom_id, options) {
|
|
|
_login && (login = _login);
|
|
|
_virtual_classroom_id && (virtual_classroom_id = _virtual_classroom_id);
|
|
|
// if (!uploader || options.create == true) {
|
|
|
createUploader(options);
|
|
|
// }
|
|
|
}
|
|
|
|
|
|
/***/ })
|
|
|
|
|
|
}]); |
