微信小程序上传图片、视频到七牛云存储

Love The Way You Lie 2022-12-23 15:28 302阅读 0赞

我们采用的是js上传的方式，直接将文件上传到七牛云，并且上传之后，七牛云会返回文件名称和文件全路径。

思路：

1：配置七牛云上传所需信息，包括七牛云存储空间绑定的加速域名，七牛云空间所在地域的上传url地址，存储空间地域region代号等

我的是把信息放在了app.js的globalData中，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70][]

根据自己的需求把相关信息配置一下，也可以在站点上配置，使用请求接口的方式，获取站点后台的配置信息后，对相关信息进行赋值。

2：在需要使用七牛云上传的小程序js页面，引入七牛云上传基础库。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70 1][]

在此截图中，我是把qiniuUploader.js文件放在了小程序项目根目录下的utils目录中，可根据自己实际项目需求对此文

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70]: /images/20221120/0586411bbdb042fb81ca2f0ae485094b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020112518061369.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGVzdGluYQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，302人围观）

还没有评论，来说两句吧...

相关阅读

相关前端Vue上传图片到七牛云&后端Django上传图片到七牛云

目录前言上传方式 Vue上传图片到七牛云 Django上传图片到七牛云前言在开发项目的时候，经常会用

落日映苍穹つ/ 2023年02月14日 07:48/ 0 赞/ 61 阅读

相关微信小程序上传图片、视频到七牛云存储

我们采用的是js上传的方式，直接将文件上传到七牛云，并且上传之后，七牛云会返回文件名称和文件全路径。思路： 1：配置七牛云上传所需信息，包括七牛云存储空间绑定的加速域名，

Love The Way You Lie/ 2022年12月23日 15:28/ 0 赞/ 303 阅读

相关腾讯云服务器上传微擎,微擎系统配置七牛云存储，自动上传图片到七牛

上次发布过一个教程，怎么快速配置第一步：登录七牛云，新建存储空间(bucket)，绑定域名，在个人中心获取Accesskey和Secretkey。具体教程请看：七牛云第三方

曾经终败给现在/ 2022年08月29日 10:20/ 0 赞/ 290 阅读

相关 html页面上传图片到七牛云。javaweb上传图片到七牛云

目的：使用html页面上传图片到七牛云。（使用了springmvc框架）准备工作： 1、springmvc搭建：[https://blog.csdn.net/

你的名字/ 2022年05月16日 02:06/ 0 赞/ 399 阅读

相关七牛云上传图片到七牛云并返回图片URL

七牛云上传图片到七牛云并返回图片URL 鸣谢'追逐盛夏流年':https://blog.csdn.net/j1231230/article/details/80

一时失言乱红尘/ 2022年05月14日 02:58/ 0 赞/ 451 阅读

相关 Django上传图片到七牛云

七牛云存储介绍：七牛云存储是一个集图片、视频对象存储为一体的网站。并且他上面集成了cdn加速服务，图片处理（加水印，图片裁剪）等功能，对于一些想要快速开发产品，

旧城等待，/ 2022年03月28日 02:49/ 0 赞/ 339 阅读

相关 tp5——上传图片到七牛云

使用tp5上传土片到七牛云亲测可用第一步首先下载[sdk包][sdk] 下载后找到Qiniu文件夹将该文件夹放到extend文件下。 ![在这里插入图片描

ゝ一世哀愁。/ 2022年03月19日 10:20/ 0 赞/ 336 阅读

相关微信小程序---单张图片上传到七牛

单张图上传`到七牛：` const qiniuUploader = require("../../../utils/qiniuUploader"); // 路径要自己

朴灿烈づ我的快乐病毒、/ 2022年03月09日 15:08/ 0 赞/ 337 阅读

相关微信小程序里如何用阿里云上传视频图片

微信小程序里如何用阿里云上传视频图片版权声明：本文为EnweiTech原创文章，未经博主允许不得转载。 https://blog.csdn.net/English052

本是古典何须时尚/ 2022年02月04日 07:55/ 0 赞/ 249 阅读

相关七牛云图片上传

七牛云图片上传 > 可查看七牛云上传图片的SDK from flask import Flask, render_template, request, json

痛定思痛。/ 2021年09月17日 16:08/ 0 赞/ 447 阅读