GOCMS 文件上传功能开发

图片上传功能概述

GOCMS 已经为您封装好了文件上传功能相关的 vue 组件及接口 ( 可以通过最大上传数量实现单文件及多文件上传功能 ),请阅读本节学习原理及用法。

已有文件上传路由

此文档内容需登录 + 付费后才能查看!

已有文件删除路由

此文档内容需登录 + 付费后才能查看!

PC WEB 及 后台管理系统图片上传

在视图内使用 GoCMSFileUpload 组件来完成图片上传功能。

GoCMSFileUpload 组件属性

属性类型默认值功能
default-fielsArray""默认文件,[{url:"", name:""}]
idxNumber-1组件索引值
upload-server-urlString""图片上传服务端接口地址
remove-server-urlString""删除图片服务端接口地址
input-nameString""存储上传结构的隐藏域名称
可以用于表单提交
fontSizeNumber14.5文件名称尺寸
countNumber1最大上传数量
upload-file-nameStringfile上传时文件域名称
accept-typeStringimage/*接受的文件类型

后台系统演示代码:

此文档内容需登录 + 付费后才能查看!

acceptType 类型 ( MIME 类型 )参考

常用类型 :

https://www.wetools.com/mime-type

全部类型 :

http://www.iana.org/assignments/media-types/media-types.xhtml#application