申请/专利权人：四川启睿克科技有限公司

申请日：2022-11-08

公开（公告）日：2024-05-31

公开（公告）号：CN115834567B

主分类号：H04L67/06

分类号：H04L67/06;H04L9/32

优先权：

专利状态码：有效-授权

法律状态：2024.05.31#授权;2023.04.07#实质审查的生效;2023.03.21#公开

摘要：本发明提供了一种vue组件的图片上传方法及系统，包括以下步骤：步骤1：为vue的template绑定图片上传方法；步骤2：发送封装登录信息的axios请求到后端服务器；步骤3：后端服务器接收步骤2中的请求，验证请求头中的登录信息是否有效；步骤4：验证有效，则后端服务器接收请求，生成签名保存到redis，同时返回文件名；步骤5：vue中将签名、文件名以及文件用一个新的axios请求发送到图片存储服务器；步骤6：图片存储服务器连接redis验证签名是否正确；如果验证正确，则按文件名存储图片，返回图片的url链接地址；步骤7：导出vue组件，实现多个位置的组件复用。

主权项：1.一种vue组件的图片上传方法，其特征在于，包括以下步骤：步骤1：为vue的template绑定图片上传方法；步骤2：发送封装登录信息的axios请求到后端服务器；步骤3：后端服务器接收步骤2中的请求，验证请求头中的登录信息是否有效；步骤4：验证有效，则后端服务器接收请求，生成签名保存到redis，同时返回文件名；步骤5：vue中将签名、文件名以及文件用一个新的axios请求发送到图片存储服务器；步骤6：图片存储服务器连接redis验证签名是否正确；如果验证正确，则按文件名存储图片，返回图片的url链接地址；步骤7：导出vue组件，实现多个位置的组件复用；所述步骤2：发送封装登录信息的axios请求到后端服务器；包括：在图片上传方法中发送axios的get请求，并使用axios的全局拦截器在请求头中封装用户的登录信息；所述步骤4：验证有效，则后端服务器接收请求，生成签名保存到redis，同时返回文件名；包括：后端服务器验证登录信息有效则返回一个唯一签名，并将签名保存到redis，同时以请求参数加uuid作为图片文件名进行返回；所述步骤5：vue中将签名、文件名以及文件用一个新的axios请求发送到图片存储服务器；包括：axios处理返回结果，将图片名、签名和文件数据再次使用一个新的axios的post请求发送到图片存储服务器中；所述步骤7：导出vue组件，实现多个位置的组件复用，包括：vue组件中使用img标签和v-model绑定步骤6返回的url地址从而实现图片上传后的回显，然后将组件默认导出并注册在vue组件中，实现多个位置的组件复用。

全文数据：

权利要求：

百度查询： 四川启睿克科技有限公司 一种vue组件的图片上传方法及系统

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD