分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

小程序上传图片到七牛

发布时间:2023-09-06 01:57责任编辑:林大明关键词:上传图片

小程序上传图片非常简单,利用好2个API:

wx.chooseImage

wx.uploadFile

/** ??* 上传图片 ??*/ ?chooseImageUpload() { ???var that = this; ???wx.chooseImage({ ?????count: 1, ?????sizeType: [‘original‘, ‘compressed‘], ?????sourceType: [‘album‘, ‘camera‘], ?????success: function (res) { ???????that.tempFilePaths = res.tempFilePaths; ???????that.uploadQiniu(); ?????} ???}) ?},

注意点:

  • header头要写
  • token 一定要去获取七牛的token
  • filePath是单个图片就写下标0,如果多图片就用for循环吧,不过上个函数wx.chooseImage.count要配置1以上
  • url写https://upload-z2.qiniup.com
/** ??* 上传七牛返回key ??*/ ?uploadQiniu() { ???let token = this.uploadtoken.token; ???let tempFilePaths = this.tempFilePaths; ???var that = this; ???wx.uploadFile({ ?????url: ‘https://upload-z2.qiniup.com‘, ?????name: ‘file‘, ?????filePath: tempFilePaths[0], ?????header: { ???????"Content-Type": "multipart/form-data" ?????}, ?????formData: { ???????token: token, ?????}, ?????success: function (res) { ???????let data = JSON.parse(res.data) ???????// to do ... ?????}, ?????fail: function (res) { ???????console.log(res) ?????} ???}) ?},

看到返回key就是成功啦!!

小程序上传图片到七牛

原文地址:https://www.cnblogs.com/liangfengbo/p/9117718.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved