mirror of
https://gitee.com/hhyykk/ipms-sjy-ui.git
synced 2025-06-20 07:11:59 +08:00
【功能新增】全局:富文本编辑器,支持视频文件的上传
This commit is contained in:
parent
5d91131eb7
commit
8ed2afb712
@ -96,11 +96,6 @@ const editorConfig = computed((): IEditorConfig => {
|
|||||||
// 选择文件时的类型限制,默认为 ['image/*'] 。如不想限制,则设置为 []
|
// 选择文件时的类型限制,默认为 ['image/*'] 。如不想限制,则设置为 []
|
||||||
allowedFileTypes: ['image/*'],
|
allowedFileTypes: ['image/*'],
|
||||||
|
|
||||||
// 自定义上传参数,例如传递验证的 token 等。参数会被添加到 formData 中,一起上传到服务端。
|
|
||||||
meta: { updateSupport: 0 },
|
|
||||||
// 将 meta 拼接到 url 参数中,默认 false
|
|
||||||
metaWithUrl: true,
|
|
||||||
|
|
||||||
// 自定义增加 http header
|
// 自定义增加 http header
|
||||||
headers: {
|
headers: {
|
||||||
Accept: '*',
|
Accept: '*',
|
||||||
@ -108,9 +103,6 @@ const editorConfig = computed((): IEditorConfig => {
|
|||||||
'tenant-id': getTenantId()
|
'tenant-id': getTenantId()
|
||||||
},
|
},
|
||||||
|
|
||||||
// 跨域是否传递 cookie ,默认为 false
|
|
||||||
withCredentials: true,
|
|
||||||
|
|
||||||
// 超时时间,默认为 10 秒
|
// 超时时间,默认为 10 秒
|
||||||
timeout: 5 * 1000, // 5 秒
|
timeout: 5 * 1000, // 5 秒
|
||||||
|
|
||||||
@ -119,7 +111,7 @@ const editorConfig = computed((): IEditorConfig => {
|
|||||||
|
|
||||||
// 上传之前触发
|
// 上传之前触发
|
||||||
onBeforeUpload(file: File) {
|
onBeforeUpload(file: File) {
|
||||||
console.log(file)
|
// console.log(file)
|
||||||
return file
|
return file
|
||||||
},
|
},
|
||||||
// 上传进度的回调函数
|
// 上传进度的回调函数
|
||||||
@ -142,6 +134,54 @@ const editorConfig = computed((): IEditorConfig => {
|
|||||||
customInsert(res: any, insertFn: InsertFnType) {
|
customInsert(res: any, insertFn: InsertFnType) {
|
||||||
insertFn(res.data, 'image', res.data)
|
insertFn(res.data, 'image', res.data)
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
['uploadVideo']: {
|
||||||
|
server: import.meta.env.VITE_UPLOAD_URL,
|
||||||
|
// 单个文件的最大体积限制,默认为 10M
|
||||||
|
maxFileSize: 10 * 1024 * 1024,
|
||||||
|
// 最多可上传几个文件,默认为 100
|
||||||
|
maxNumberOfFiles: 10,
|
||||||
|
// 选择文件时的类型限制,默认为 ['video/*'] 。如不想限制,则设置为 []
|
||||||
|
allowedFileTypes: ['video/*'],
|
||||||
|
|
||||||
|
// 自定义增加 http header
|
||||||
|
headers: {
|
||||||
|
Accept: '*',
|
||||||
|
Authorization: 'Bearer ' + getAccessToken(),
|
||||||
|
'tenant-id': getTenantId()
|
||||||
|
},
|
||||||
|
|
||||||
|
// 超时时间,默认为 30 秒
|
||||||
|
timeout: 15 * 1000, // 15 秒
|
||||||
|
|
||||||
|
// form-data fieldName,后端接口参数名称,默认值wangeditor-uploaded-image
|
||||||
|
fieldName: 'file',
|
||||||
|
|
||||||
|
// 上传之前触发
|
||||||
|
onBeforeUpload(file: File) {
|
||||||
|
// console.log(file)
|
||||||
|
return file
|
||||||
|
},
|
||||||
|
// 上传进度的回调函数
|
||||||
|
onProgress(progress: number) {
|
||||||
|
// progress 是 0-100 的数字
|
||||||
|
console.log('progress', progress)
|
||||||
|
},
|
||||||
|
onSuccess(file: File, res: any) {
|
||||||
|
console.log('onSuccess', file, res)
|
||||||
|
},
|
||||||
|
onFailed(file: File, res: any) {
|
||||||
|
alert(res.message)
|
||||||
|
console.log('onFailed', file, res)
|
||||||
|
},
|
||||||
|
onError(file: File, err: any, res: any) {
|
||||||
|
alert(err.message)
|
||||||
|
console.error('onError', file, err, res)
|
||||||
|
},
|
||||||
|
// 自定义插入图片
|
||||||
|
customInsert(res: any, insertFn: InsertFnType) {
|
||||||
|
insertFn(res.data, 'mp4', res.data)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
uploadImgShowBase64: true
|
uploadImgShowBase64: true
|
||||||
|
Loading…
x
Reference in New Issue
Block a user