抖音小程序直传图片到阿里云oss失败问题

最新推荐文章于 2024-06-06 17:16:53 发布
最新推荐文章于 2024-06-06 17:16:53 发布
阅读量117 收藏
点赞数 2
文章标签： 小程序 阿里云 云计算
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sssuuuunnn/article/details/138084396
版权

抖音小程序在调用uploadFile上传图片到阿里云oss的时候接口不报错，以为成功了，可是在oss上看到了新建的文件夹却并未发现上传的图片。

经过多天的抓耳挠腮测得
要用 uni.compressImage 这个压缩图片的接口去压缩下，再用获取到的路径去上传就能成功。

不知道啥子原因

原文链接https://developer.open-douyin.com/forum/synthesize/post/662382ddca7c60afc47065b5

sssuuuunnn
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小程序多图上传至阿里云云服务器
zbc_xcm的博客
08-01 408
1.小程序端点击上传图片完成时触发 onChangeTap:function(env){ //获得图片信息 varPhoto=this.data.photo //循环所有图片数据 env.detail.all.forEach(element=>{ //文件上传 wx.uploadFile({ //文件路径 filePath:element, //文件名称 name:'file', //上传地址 ...
微信小程序上传图片到阿里云oss
09-27
微信小程序上传图片到阿里云oss、主要注释都写在js文件里了，相信你们都看的懂哈、你的域名下的/cbb文件下的/当前年月日文件下的/图片.png
微信小程序直传文件到阿里云OSS项目引用代码
03-15
config.js 内容更换成自己OSS配置信息 var fileHost = "https://xxxx.oss-cn-shanghai.aliyuncs.com" OSSAccessKeyId: 'xxxx', AccessKeySecret: 'xxxx', 注意：默认上传音频文件，如果是图片文件或其他文件 uploadAliyun.js文件的filePath参数一点是临时路径， 全局搜索 filePath: params.filePath.path 有可能你们的参数不一样 使用方法********************************************************** const uploadImage = require('uploadToAliOss/uploadAliyun.js’） upfile(){ wx.chooseMessageFile({ count: 1, type: 'file', success(rest) { } }） }
小程序--->小程序图片上传阿里OSS使用方法
Frankltf的博客
12-28 995

 小程序图片上传阿里OSS使用方法 首先看下参考文档 （ http://blog.csdn.net/qq_38125123/article/details/73870667） 这里只将一些运用过程中遇到的问题及解决办法： 1.cryptojs,sha1js,hmacjs,base64js在哪下载及使用方法： 文件可以在阿里oss实例文档中找到。 在运用过程中如果是...
小程序上传文件到OSS
HuaiXiaoAi的博客
04-20 653
这里要小心啊 oss的包巨大。记得把他分出来 不然你主包直接爆炸了。这里我是用的uniapp写的微信小程序。给一个按钮 点击上传图片。
小程序上传文件到阿里云oss
impossible1994727的博客
04-15 2835
本文仅举例上传图片和上传视频！ 准备工作： 需要引入的js文件：https://download.csdn.net/download/impossible1994727/12328614 参考文档：https://help.aliyun.com/document_detail/92883.html?spm=a2c4g.11186623.6.1526.3dbc10d5yHrpGd 确保后台完...
微信小程序阿里云OSS-sdk
08-16
阿里云OSS-sdk，大小536KB 微信小程序纯前端从阿里云OSS下载，可直接引用 文章地址：https://blog.csdn.net/qq_44695727/article/details/132154404
小程序直传oss示例小程序直传oss示例
05-07
小程序直传oss示例小程序直传oss示例小程序直传oss示例小程序直传oss示例小程序直传oss示例小程序直传oss示例小程序直传oss示例小程序直传oss示例小程序直传oss示例小程序直传oss示例小程序直传oss示例小程序直传oss...
解决小程序图片报403问题(图片加载失败)
Terenceno的博客
09-07 3042
解决小程序image加载网络图片真机上访问不上问题写在前面如何配置才能正确访问？步骤一步骤二步骤三 写在前面 最近公司需要小程序开发并需要把各个独立的小程序整合成一个小程序，但是小程序对发布的时候对包的大小是有限制的（最大不能超过2KB），项目整合后必须考虑资源整合的问题 1、使用小程序分包技术(see:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/preload.html) 2、本地图片提到阿里云OSS上，因公
小程序如何直接上传阿里云oss
ZHANG157111的博客
06-19 1122
/ 以下算法在https://gitee.com/chenkuo1997/oss-wx.git 复制到同upload.js目录下即可。AccessKeySecret: '*******', // AccessKeySecret 去你的阿里云上控制台上找。//OSS地址，需要https。OSSAccessKeyId: '********', // AccessKeyId 去你的阿里云上控制台上找。
阿里云加了防盗链，小程序如何显示图片
m0_58699900的博客
08-06 770
一、场景 场景一：我的阿里云服务器，做了图片连接的防盗链，需要添加域名白名单图片才可显示出来 场景二：我们的使用场景是这样的，DNS解析至阿里云的CND，CDN的回源指向阿里云的OSS 二、问题 我小程序没加白名单的时候图片显示不出 三、解决 需要如下操作： 1、在CDN上防盗链白名单设置 servicewechat.com 2、在OSS上防盗链白名单设置https://servicewechat.com 只有1、2两个配置都对了才能用。 ...
头像制作抖音微信壁纸小程序搭建一个基于uniCloud阿里OSS对象存储的免费图床源码
艾薇网络科技
04-12 762
图床演示https://e.hmwlcm.cn/ 图床源码https://download.csdn.net/download/qq_43527188/85117392 前言： 目前市面上很多图床基本上都长久不了，这样就迫使自己需要有一个可以掌控的图床储存，社长给大家分享一个基于对象存储 OSS 的的免费图片，uniCloud 提供免费 100G 云存储空间，目前新注册的好像只有 10G 了，不过也够用，不限流量，底层是阿里云OSS，因此速度非常快， 优化介绍： 1、为了方便很多朋友是刚建站.
小程序上传图片到阿里云oss
征途人生&梦
06-16 7942
首先到阿里云现在文档示例https://help.aliyun.com/document_detail/31925.html?spm=a2c4g.11186623.6.634.CwkAvp，解压后里面有个upload.js文件，编辑这个文件，把accessid、accesskey、host换成自己的，由于小程序只接受https，所以host最好是绑定自己的域名，且实用了https，然后找打new_...
【全开源】Java同城服务同城信息同城任务发布平台小程序APP公众号源码
2401_84593753的博客
06-04 444
📢 连接你我，让任务触手可及🌟 引言在快节奏的现代生活中，我们时常需要寻找一些便捷的方式来处理生活中的琐事。同城任务发布平台系统应运而生，它为我们提供了一个高效、便捷的平台，让我们能够轻松发布和接收同城任务，实现资源共享和互助。📲 同城任务发布平台系统简介同城任务发布平台系统是一个集任务发布、接收、评价于一体的在线平台。无论是寻找家政服务、搬家助手，还是寻找兼职工作、技能交换，这个平台都能满足你的需求。通过简单的操作，你可以轻松发布你的需求，也可以浏览和选择适合自己的任务。🎯 核心功能解析任务发布在同城任务
短视频直播教学课程小程序的作用是什么
qq_46171038的博客
06-04 348
然无论老玩家还是新玩家，面对平台不断变化的规则和流量趋势等，学习和摸索进步总是不可少的，因此无论MCN机构还是其它部分教培机构在短视频/直播教学赛道，积极发挥自己的力量招募学员、课程转化、获得营收及品牌宣传机会等。除了直接课程开展外，针对短视频/直播/电商等类目的学员赋能也需要进行，答题、作业、打卡、留言、查询等多种互动功能，比如答题和作业检验教学成果，查询成绩以及一些资料等。分班、排课、约课、签到管理，线下课程机构资源高效运转，后台设置在小程序里展示，学员购课，商家后台管理，课程表、考勤表等。
【全开源】JAVA打车小程序APP打车顺风车滴滴车跑腿源码微信小程序打车源码
2401_84593753的博客
05-30 634
在数字化快速发展的今天，打车系统小程序已成为我们日常生活中不可或缺的一部分。而背后的关键，则是打车系统小程序的源码。源码是程序的灵魂，它决定了小程序的功能、性能和用户体验。因此，了解并掌握打车系统小程序源码，对于开发者而言，是构建出色打车小程序的重要基础。打车系统小程序源码是构建出色打车小程序的重要基础。通过深入剖析源码的核心技术和优势，我们可以更好地了解打车系统小程序的工作原理和运行机制。同时，掌握源码还能够帮助我们快速构建出符合用户需求的打车系统小程序，为用户带来更加便捷、高效的出行体验。
家政服务小程序，提高企业在市场中的竞争力
最新发布
guanpinkeji的博客
06-06 245
近几年，人们对家政的需求持续增加，面对小程序的快速发展，互联网+家政的模式成为了市场新的发展方向，越来越多的居民也开始在线上预约家政服务。在互联网时代中，“互联网+家政服务”是市场发展的必然趋势，小程序不仅可以提高企业的知名度，还可以帮助企业稳占市场，提高市场竞争力，从而增加企业的盈利。相较于传统家政，线上家政可以极大减少服务人员与居民之间的信息鸿沟，利用大数据等技术，商家直接与用户对接，提高居民寻找家政人员的效率。并且不断升级优化小程序，提升市场竞争力，也能够提供服务质量，满足居民的家政需求。
微信小程序，图片上传阿里云oss。写一个例子
05-27
好的，以下是一个简单的微信小程序中图片上传到阿里云OSS的例子： 1. 在微信小程序中，使用wx.chooseImage()方法选择需要上传的图片，并将其保存在本地变量tempFilePaths中。 ``` wx.chooseImage({ success: function(res) { var tempFilePaths = res.tempFilePaths; // 上传图片到阿里云OSS uploadImage(tempFilePaths[0]); } }) ``` 2. 编写上传图片的函数uploadImage()，其中需要设置header、formData、name、url等参数，并调用wx.uploadFile()方法上传图片。 ``` function uploadImage(filePath) { // 阿里云OSS的Bucket名称和上传文件夹名称 var bucketName = 'your-bucket-name'; var folderName = 'your-folder-name/'; // 生成上传文件的唯一key var timestamp = new Date().getTime(); var key = folderName + timestamp + '-' + Math.floor(Math.random() * 10000) + '.jpg'; // 生成OSS的上传接口地址 var policyBase64 = 'your-policy-base64'; var signature = 'your-signature'; var aliyunUrl = 'https://' + bucketName + '.oss-cn-hangzhou.aliyuncs.com'; // 设置header和formData var header = { 'content-type': 'multipart/form-data' }; var formData = { 'key': key, 'policy': policyBase64, 'OSSAccessKeyId': 'your-access-key-id', 'success_action_status': '200', 'signature': signature }; // 调用wx.uploadFile()方法上传图片 wx.uploadFile({ url: aliyunUrl, filePath: filePath, name: 'file', header: header, formData: formData, success: function(res) { // 上传成功，获取图片URL地址 var imageUrl = aliyunUrl + '/' + key; console.log('上传成功，图片URL地址为：' + imageUrl); }, fail: function(res) { // 上传失败 console.log('上传失败：' + res.errMsg); } }) } ``` 需要注意的是，以上代码仅为一个示例，实际使用时需要按照阿里云OSS的规定进行设置，并在后端服务中编写相应的签名验证逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值