1. 使用的小白接口:App.CDN.UploadImg

链接：http://api.okayapi.com/?s=App.CDN.UploadImg

先在小程序的微信公众平台上设置小白域名为合法域名（小白接口免费给域名，服务器 https://www.yesapi.cn/docs/#/v2.0/client?id=微信小程序接入示例并且可免费上传图片哦！）
使用这个接口时，先手动在小白后台取消App.CDN.UploadImg的签名设置。
这边的数据参数以formData上传，使用post方式请求接口

2. 小程序样例代码

wxml（添加图片就可以上传）：

<view class="weui-uploader"><view class="weui-uploader__hd"><view class="weui-uploader__title">图片上传</view></view><view class="weui-uploader__bd"><block wx:for="{{imagesList}}" wx:key="*this" ><view class="weui-uploader__file"><image class="weui-uploader__img" src="{{item}}"></image></view></block><view class="weui-uploader__input-box"><input class="weui-uploader__input js_file" type="file"accept="image/jpg,image/jpeg,image/png,image/gif"multiple="" bindtap='uploader' name="images"></input></view></view></view>

处理图片与请求服务（使用小程序的API：uploadFile）

请求成功返回七牛云链接

wx.chooseImage({count: 6, //最多可以选择的图片总数sizeType: ['original','compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function(res) {wx.showToast({title: '正在上传...',icon: 'loading',mask: true,duration: 500})for(let i=0;i<res.tempFiles.length;i++){if(res.tempFiles[i].size>maxSize){flag=false;wx.showModal({content: '图片太大，不允许上传',showCancel: false,success: function (res) {if (res.confirm) {console.log('用户点击确定')}}});}}const tempFilePaths = res.tempFilePaths[0]if (res.tempFiles.length>maxLength){wx.showModal({content: '最多能上传'+maxLength+'张图片',showCancel:false,success:function(res){if(res.confirm){console.log('确定');}}})}if (flag == true && res.tempFiles.length <= maxLength){that.setData({imagesList: res.tempFilePaths})}//请求接口wx.uploadFile({url: getApp().globalData.okayapiHost,filePath: tempFilePaths,name: 'file',header: {"Content-Type": "application/x-www-form-urlencoded"},formData: {file_name : 'Camaro.png',app_key : 'your appkey',s:"App.CDN.UploadImg"},})console.log(res);},})

上传图片方法到免费服务器相关推荐

idea从gitlab拉项目到本地_Git入门-基础命令，用github免费服务器域名部署小项目...
git基础命令学习,并用github Pages提供的免费服务器和域名部署个人前端. 学习长视频已经在我的西瓜视频发布,欢迎观看! 今天想跟大家分享一些关于git使用操作方面的知识,但是我觉得如果是讲 ...
微信开发免费服务器,微信开发详解：[1]免费服务器
微信公众平台有两种模式,一种是编辑模式,一种是开发模式,编辑模式就是制定一些关键字回复就可以了,开发模式的话就是我们要讲解的内容,首先要有一个服务器,用来运行我们写的php程序,然后注册微信公众账号并 ...
微信公众号-java上传图片素材到微信服务器基于事件推送两条消息
微信公众号-java上传图片素材到微信服务器&基于事件推送两条消息场景:基于微信扫码登录/关注事件,向用户推送两条消息. 分析:翻阅了微信开发者文档和一些其他资料发现,公众号针对用户关注/扫 ...
我薅了四年的国内外免费服务器
说说几种薅免费服务器羊毛的方法吧经过我多年的薅羊毛经验,总结得知,编程只需要: Terminal + VPS主机 + 网络为了达到这些目的,肯定需要Vim搭建IDE,安装环境等等操作当时记得使用 ...
椒图科技发布免费服务器安全产品
国内领先的信息安全厂商椒图科技在北京国家会议中心召开产品发布会",正式发布基于操作系统内核加固技术的免费服务器.网站安全产品-云锁. 出席本次发布会的有×××计算所研究员.中国中文信息学会理 ...
ssh 使用 wangeditor3 富文本编辑器上传图片方法
这段时间在搞一个小网站的项目,其中有个功能是可以网页上编辑文字和图片,能一起上传到数据库然后在页面上展现,当然还可以上传附件,不过我现在还没弄好,先把上传图片的功能记录一下. 说到这个wangedit ...
我的世界怎么免费开一个服务器是正版,我的世界免费服务器如何去搭建？我的世界服务器如何选择...
我的世界免费服务器如何去搭建?我们将通过一个一步步的.新手友好的教程来向你展示如何搭建一个"我的世界(Minecraft)"服务器.这将会是一个长期的多人游戏服务器,你可以与来自世 ...
亚马逊云aws12个月免费服务器搭建小结 (
转载自:http://blog.sina.com.cn/s/blog_53a30a3b0101hdx9.html 本文小结了在亚马逊aws(Amazon Web Services)云计算服务上注册一个 ...
国外十大免费服务器和域名（如何购买海外服务器）
一.国外十大免费服务器和域名 1.PetaExpress:2.Amazon Web Services:3.Google Cloud Platform:4.Microsoft Azure:5.Herok ...
wangeditor：一个页面使用多个wangeditor编辑器，并对wangeditor进行组件封装以及上传图片到自己的服务器
wangeditor使用文档:https://www.kancloud.cn/wangfupeng/wangeditor3/332599 这里记录两个地方 1.如何在富文本编辑器中上传图片到自己的服务 ...

上传图片方法到免费服务器

1. 使用的小白接口:App.CDN.UploadImg

2. 小程序样例代码

wxml（添加图片就可以上传）：

处理图片与请求服务（使用小程序的API：uploadFile）

请求成功返回七牛云链接

上传图片方法到免费服务器相关推荐

最新文章

热门文章