全国咨询热线:18720358503

烟台微信小程序制作_微信小程序完成图片上传

类别:媒体报道 发布时间:2021-01-07 浏览人次:

微信小程序实现图片上传       这篇文章主要为大家详细介绍了微信小程序实现图片上传,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下/p

图片上传服务器:

wxml

 view 
 button bindtap='chooseImageTap' 上传图片 /button 
 /view 

wxss

Page({
 * 页面的初始数据
 data: {
 imgs: [],//本地图片地址数组
 picPaths:[],//网络路径
 * 生命周期函数--监听页面加载
 onLoad: function (options) {
 //添加上传图片
 chooseImageTap: function () {
 var that = this;
 wx.showActionSheet({
 itemList: ['从相册中选择', '拍照'],
 itemColor: "#00000",
 success: function (res) {
 if (!res.cancel) {
 if (res.tapIndex == 0) {
 that.chooseWxImage('album')
 } else if (res.tapIndex == 1) {
 that.chooseWxImage('camera')
 // 图片本地路径
 chooseWxImage: function (type) {
 var that = this;
 var imgsPaths = that.data.imgs;
 wx.chooseImage({
 sizeType: ['original', 'compressed'],
 sourceType: [type],
 success: function (res) {
 console.log(res.tempFilePaths[0]);
 that.upImgs(res.tempFilePaths[0], 0) //调用上传方法
 //上传服务器
 upImgs: function (imgurl, index) {
 var that = this;
 wx.uploadFile({
 url: '/
 filePath: imgurl,
 name: 'file',
 header: {
 'content-type': 'multipart/form-data'
 formData: null,
 success: function (res) {
 console.log(res) //接口返回网络路径
 var data = JSON.parse(res.data)
 that.data.picPaths.push(data['msg'])
 that.setData({
 picPaths: that.data.picPaths
 console.log(that.data.picPaths)
})

思路很简单,多张上传的话,在 upImgs 方法回调做判断 index++ 继续调用 upImgs方法即可

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。

推荐阅读

烟台微信小程序制作_微信小程序完成图片上传

手机微信微信小程序完成照片提交 本文关键为大伙儿详尽详细介绍了手机微信微信小程序完成照片提交,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照一下文中案例...

2021-01-07
我的跑团小程序_判断js数据类型的函数实例详解

分辨js数据信息种类的涵数案例详细说明 本文关键详细介绍了一个分辨js数据信息种类的涵数,文中根据案例编码给大伙儿详细介绍的十分详尽,具备一定的参照效仿使用价值,必...

2021-01-07
互联网安全问题和缺陷分析

互连网安全性难题为何那么比较严重?这种安全性难题是如何造成的呢?综合性技术性和管理方法等多方面面要素,能够梳理为四个层面:互连网的对外开放性、本身的敏感性、进攻的广泛...

2021-01-07
低价网站建设中的价格是怎么低的?

低价网站建设现在被广告商们乱打广告,不管是优化的网站还是竞价的网站,大篇幅的都看好了低价网站建设这个市场,都把文章在这方面大肆渲染。竞价广告也是打的人眼花缭乱。做...

2021-01-07
怎么做一个理解客户的设计师?

如何做一个了解顾客的设计方案师?:让顾客喜爱的设计方案是如何的设计方案?要想做客户合意的设计方案好像也是设计方案师们工作中中最期待的,但是在设计方案的全过程中好像...

2021-01-07
危害网站建设周期时间时间的要素

目前很多企业在公司建网站时,一般会存在建设网站周期时间時间的疑虑,大部分分所有企业都期待建设网站周期时间時间能够越低越高,那般便可以尽早公布交货应用。而从建设网站...

2021-01-07
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信