`

微信小程序向七牛云上传图片要点

 
阅读更多

提前在小程序的设置页面设置如下:



 

前端是这样子:

wx.request({
url: getuploadtokenUrlOnYourWebSite,
success:function(res){
let upToken = res.data.upToken
wx.uploadFile({
url: 'https://upload-z1.qiniup.com',
name: 'file',
filePath: that.data.imgpath//该值之前用wx.chooseImage的返回结果赋予,
header: {
"Content-Type": "multipart/form-data"
},
formData: {
token: upToken,
},
success: function (res) {
console.log(res.data)
let data = JSON.parse(res.data)
that.setData({
imgqiniukey: data.key
})
 
},
fail: function (res) {
console.log(res)
}
})
},
})
上面的getuploadtokenUrlOnYourWebSite是一个你的网站后台专门为七牛云定制的一个api接口url,这里给出一个golang的后端实现:
import (
    "github.com/qiniu/api.v7/auth/qbox"
    "github.com/qiniu/api.v7/storage"
    "github.com/gin-gonic/gin"
)
func GetUploadToken(c *gin.Context){
var ak = "你在七牛云控制台个人中心里的密钥管理里的Access Key"
var sk = "你在七牛云控制台个人中心里的密钥管理里的Secret Key"
    putPolicy:=storage.PutPolicy{
        Scope: "你在七牛云建立的对象存储bucket名字",
        Expires: 7200,
    }
    mac:=qbox.NewMac(ak,sk)
    upToken := putPolicy.UploadToken(mac)
    
    c.JSON(http.StatusOK,gin.H{
        "upToken": upToken,
    })
}
还有一个注意点是第一个图中以及“url: 'https://upload-z1.qiniup.com',”,这个地址是七牛云在华北地区的客户端上传中心,
如果你的对象存储不在这个地区,
需要从https://developer.qiniu.com/kodo/manual/1671/region-endpoint中选择合理的url

 

  • 大小: 30.6 KB
分享到:
评论

相关推荐

    微信小程序结合七牛云上传图片的后台demo

    这个是微信小程序结合七牛云上传图片的Java后台部分,微信端的demo及其他细节,请看https://blog.csdn.net/qq_37905259/article/details/80559346

    微信小程序调用uploadFile向七牛云存储上传图片

    本篇文章将详细探讨如何利用微信小程序的`uploadFile`接口来实现向七牛云存储上传图片的功能。 首先,我们需要了解七牛云存储。七牛云是一家提供云存储和CDN加速服务的公司,它提供了丰富的API和SDK,使得开发者...

    微信小程序对接七牛云存储的方法

    【微信小程序对接七牛云存储的方法】 在微信小程序开发中,有时我们需要将用户产生的数据,如图片、视频或录音等,存储到云端以实现高效的数据管理和访问。七牛云存储作为一个可靠的云服务提供商,提供了与微信小...

    微信小程序上传七牛、阿里、百度、云存储最全代码

    总的来说,这份"微信小程序上传七牛、阿里、百度、云存储最全代码"的资源为开发者提供了全面的参考,帮助他们快速理解和实现微信小程序的文件上传功能,无论目标云存储服务是七牛云、阿里云还是百度云。开发者可以...

    微信小程序直播代码-基于七牛云

    本项目是基于七牛云服务搭建的微信小程序直播解决方案,旨在为开发者提供一个学习和参考的实例。以下是这个项目涉及到的主要知识点: 1. **微信小程序**:微信小程序是一种轻量级的应用开发平台,它无需安装即可...

    微信小程序-微信小程序-步步高字典

    微信小程序-步步高字典 说明: 实现拍照查字功能,特色: 使用七牛云存储 ES6语法 数据接口: https://api.getweapp.com/engine/qiniu/upload https://api.getweapp.com/engine/faceplusplus/recognizetext ...

    七牛云上传图片添加水印

    七牛云上传图片实现添加水印java代码测试类注意事项要先获取七牛的ak,sk以及空间水印样式

    七牛云上传图片

    七牛云上传图片服务是一种云端存储解决方案,特别适用于处理和托管静态资源,如图片。它提供了高效、稳定、安全的图片上传、管理及分发功能,对于网站和移动应用开发者来说是一个非常实用的工具。 首先,我们需要...

    java上传图片到七牛云 七牛云 七牛 图片上传 demo JS java

    在本文中,我们将深入探讨如何使用Java和JavaScript将图片上传到七牛云存储服务。七牛云是一个提供云端存储和CDN加速的平台,广泛应用于图片、视频等多媒体资源的托管。图片上传功能是其核心服务之一,为开发者提供...

    微信小程序批量上传图片到七牛(推荐)

    在微信小程序中,批量上传图片到七牛云存储是一个常见的需求,这可以帮助开发者实现高效的图片存储和分发。七牛云提供了一套完整的解决方案,并且针对微信小程序有专门的SDK,使得这一过程变得简单易行。 首先,...

    七牛云 七牛图片上传 Deom JS 等所有资源

    在给定的压缩包文件中,"七牛图片上传 Demo JS 等所有资源"显然是一个关于使用七牛云服务进行图片上传的示例代码和相关资源集合。下面将详细解释其中涉及的关键知识点: 1. **七牛云服务**:七牛云提供包括对象存储...

    七牛云上传图片专用工具

    七牛云上传图片专用工具是一款针对七牛云存储平台设计的高效、易用的Windows应用程序。七牛云作为国内知名的云存储服务提供商,为开发者和企业提供了强大的数据存储和分发解决方案。这款工具专为需要在七牛云上批量...

    小程序和七牛云交互工具包(生成token并上传)

    小程序直接生成token,并上传到七牛云的工具包。具体的代码和使用参照对应的我的csdn博客。比较容易引入和使用。

    七牛云上传图片案例 token可以网上在线生成

    本文将详细讲解如何利用七牛云进行图片上传,并关注`token`的在线生成及其与`qiniu.js`版本的关系。同时,我们将结合HTML5的相关技术,探讨实现这一功能的具体步骤。 首先,七牛云提供了丰富的API和SDK,使得开发者...

    七牛云上传图片demo

    "七牛云上传图片demo"是一个示例项目,旨在帮助开发者了解和实现如何通过七牛云API将图片上传到云端。这个项目包含四个主要文件:uploaded.php、index.php、upload.php以及qiniu文件夹。 1. **uploaded.php**:这是...

    小程序对七牛云文件上传删除批量删除生成token的封装无需服务器和npm

    小程序对七牛云文件的上传删除,批量删除文件的封装,使用时只需引入utils到项目下,然后在需要用到的地方引入就好例如生成 token 引入 const token = require('../utils/qiniu/qntoken.js') 初始化 var ...

    DESTOON7.0七牛云FTP图片上传.rar

    "DESTOON7.0七牛云FTP图片上传.rar"这个压缩包文件,显然包含了用于使DESTOON7.0能够通过FTP协议将图片上传到七牛云或阿里云服务器上的修改代码。FTP(File Transfer Protocol)是一种标准的网络协议,用于在互联网...

    七牛云上传图片、拉取数据、分片上传

    七牛云上传图片、拉取数据代码,下载七牛sdk修改配置即可使用,使用的ci框架

    基于PHP的帝国CMS7.5七牛云图片附件同步、上传删除插件.zip

    1. **图片同步**:当用户在帝国CMS7.5中上传图片时,插件会自动将图片同步到七牛云存储空间,确保图片在服务器端的安全存储,并减轻了主站服务器的存储压力。 2. **快速上传**:利用七牛云的CDN(内容分发网络)...

Global site tag (gtag.js) - Google Analytics