首页 > 其他分享 >批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现

批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现

时间:2023-04-13 14:14:15浏览次数:37  
标签:err elementui text upload fileName file txt 上传

为了实现批量上传GPT的知识库并且功能,那么这个上传组件就必不可少,需要能把文档上传到服务器中。

前端部分,我是采用的cdn引入的形式,引入的elmentui。该框架是有上传组件的,可以参考我的用法:

action部分就是上传接口,其他三个是上传之前的处理,上传成功和失败后的回调函数

                                <el-upload
                                        action="/{{.collectName}}/uploadDoc"
                                        :on-success="uploadDocSuccess"
                                        :on-error="uploadError"
                                        :before-upload="beforeUpload"
                                >
                                    <el-button type="primary" icon="el-icon-upload">上传 txt</el-button>
                                </el-upload>

上传之前,我对文件后缀进行了判断,只允许txt  docx 和xlsx的后缀上传。并且增加了loading效果。

            //上传文件失败
            uploadDocSuccess(response, file, fileList){
                this.loading.close();
                if(response.code==200){
                    this.$message({
                        message: "上传成功",
                        type: 'success'
                    });
                    this.getAllKnowledge();
                }else{
                    this.$message({
                        message: response.msg,
                        type: 'error'
                    });
                }
            },
            //上传文件失败
            uploadError(){
                this.loading.close();
            },
            //上传之前
            beforeUpload(file){
                this.loading = this.$loading({
                    lock: true,
                    text: "上传中",
                });

                let ext=file.name.substring(file.name.lastIndexOf(".")+1);
                if (ext != 'txt' && ext != 'docx' && ext != 'xlsx') {
                    this.$message.error('上传文件只能是 .txt .docx .xlsx 格式!');
                    this.loading.close();
                    return false;
                }
            },

 

后端部分可以参照我的后端处理函数:

我在后端同样判断了后缀,并且是根据后缀的不同,来读取对应的文本。

然后再分块去调用向量化接口,存入向量数据库。

    //上传doc
    router.POST("/:collectName/uploadDoc", func(c *gin.Context) {
        collectName := c.Param("collectName")
        f, err := c.FormFile("file")
        if err != nil {
            c.JSON(200, gin.H{
                "code": 400,
                "msg":  "上传失败!" + err.Error(),
            })
            return
        } else {

            fileExt := strings.ToLower(path.Ext(f.Filename))
            if fileExt != ".docx" && fileExt != ".txt" && fileExt != ".xlsx" {
                c.JSON(200, gin.H{
                    "code": 400,
                    "msg":  "上传失败!只允许txt或docx或xlsx文件",
                })
                return
            }
            fileName := collectName + f.Filename
            c.SaveUploadedFile(f, fileName)
            text := ""
            if fileExt == ".txt" {
                // 打开txt文件
                file, _ := os.Open(fileName)
                // 一次性读取整个txt文件的内容
                txt, _ := ioutil.ReadAll(file)
                text = string(txt)
                file.Close()
            } else if fileExt == ".docx" {
                text, err = utils.ReadDocxAll(fileName)
            } else {
                text, err = utils.ReadExcelAll(fileName)
            }
            removeErr := os.Remove(fileName)
            if removeErr != nil {
                log.Println("Remove error:", fileName, removeErr)
            }
            if err != nil {
                c.JSON(200, gin.H{
                    "code": 400,
                    "msg":  err.Error(),
                })
                return
            }
            chunks := SplitTextByLength(text, 300)
            for _, chunk := range chunks {
                pointId := uuid.NewV4().String()
                Train(pointId, collectName, chunk)
            }
            os.Remove(fileName)
            c.JSON(200, gin.H{
                "code": 200,
            })
        }
    })

实现的效果如下图所示

 

 

 

 

这个本地知识库对接ChatGPT,如果有需要的朋友,可以找我联系。

标签:err,elementui,text,upload,fileName,file,txt,上传
From: https://www.cnblogs.com/taoshihan/p/17314574.html

相关文章

  • 开发GPT知识库功能时,需要上传word文档让知识库向量化,Golang读取word文档功能
    开发GPT知识库功能时,需要上传word文档让知识库向量化,Golang读取word文档功能。找到一个开源库baliance.com/gooxml/document,但是只支持docx后缀,下面是使用方法import("baliance.com/gooxml/document")funcReadDocxAll(fileNamestring)(string,error){doc,e......
  • 百度编辑器粘贴图片自动上传到服务器(Java版)
    ​ 如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>......
  • django 配置admin 数据管理,增加数据批量上传下载功能
    在使用django-admin带来直接管理数据库带来的便利的同时,我们希望数据能批量上传,为了达到此目的,我们需要django-admin-export 模块一、安装模块pip3installdjango-import-export-ihttps://mirrors.aliyun.com/pypi/simple/二、settings.py注册模块INSTALLED_APPS=......
  • EasyCVR平台如何正确配置设备移动侦测告警信息的上传?
    EasyCVR视频融合平台基于云边端协同架构,支持海量视频汇聚管理,平台融合性强、拓展灵活、视频能力丰富,具体包括:视频监控直播、轮播、录像、视频转码、云存储、检索与回看、告警上报、电子地图、云台控制、语音对讲、集群、级联共享等。用户在现场部署了EasyCVR,需要将设备的移动侦......
  • go 单文件上传,多文件上传
    单文件上传示例: main.gorouter:=router.InitRouter()router.Run() router/router.govarrouter=gin.Default()funcinit(){//加载自定义函数ifv,ok:=binding.Validator.Engine().(*validator.Validate);ok{v.RegisterValidation("capt",......
  • springboot整合阿里云OSS实现多线程下文件上传(aop限制文件大小和类型)
    内容涉及:springboot整合阿里云oss自定义注解及aop的使用:对上传文件格式(视频格式、图片格式)、不同类型文件进行大小限制(视频和图片各自自定义大小)线程池使用:阿里云OSS多线程上传文件阿里云OSS分片上传大文件 业务需求需求一:前端传递单个或多个小文件(这里......
  • Javaweb文件上传至服务器/从服务器下载
    Javaweb文件上传至服务器/从服务器下载思路图文件上传思路:也可以直接看代码判断是不是文件表单(判断form的enctype是不是="multipart/form-data"),因为只有文件表单才能上传文件创建DiskFileItemFactory对象,用于构建一个解析上传数据的工具对象创建一个解析上传......
  • Windows11下载安装Git,并上传资源到gethub操作指南
    git官网下载地址:《https://git-scm.com/》下载完成后,进行安装…安装路径自选,普通安装即可安装完成后,右击任意文件都会出现git的图标,说明安装成功了......
  • PHP上传大型视频文件到服务器,解决方案
    ​ PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。1.file_uploads=on/off 是否允许通过http方式上传文件2.max_execution_time=30 允许脚本最大执行时间,超过这个时间就会报错3.memory_limit=50M 设置脚本可以分配的最大内存量,防止失控脚本占用过多内存,此......
  • jmeter上传图片压测5
    1,前言2,jmeter脚本3,聚合报告本文永久更新地址:1,前言图片或文件测试上传压测需要考虑文件大小,不同大小的文件上传时对服务的压力是不一样,大文件压力要比小文件大场景准备两个不同大小的文件编写jmeter脚本2,jmeter脚本选择类型为文件上传mime类型为content-type的类......