当前位置:首页 > 日记 > 正文

微信小程序 上传实例详解

微信小程序 上传实例详解

一.了解wx.chooseImage(OBJECT)

二.代码编程

在pages文件里面创建uploadimg文件夹

1.编写页面结构:uploadimg.wxml

<view class="container" style="padding:1rem;">   <button type="primary"bindtap="chooseimage">获取图片</button>    <image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx;margin:1rem 0;"/>  </view>

2.设置数据:uploadimg.js

//获取应用实例  var app = getApp()  Page({   data: {      tempFilePaths: '',    },   /**     * 上传图片    */   chooseimage: function () {      var _this = this;      wx.chooseImage({        count: 1, // 默认9        // 可以指定是原图还是压缩图,默认二者都有        sizeType: ['original', 'compressed'],        // 可以指定来源是相册还是相机,默认二者都有       sourceType: ['album', 'camera'],       // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片         success: function (res) {               _this.setData({           tempFilePaths:res.tempFilePaths          })        }      })    }  }) 

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

React学习笔记之事件处理(二)

React学习笔记之事件处理(二)

事件处理,学习笔记,电脑软件,React,之前已经给大家介绍了React中的条件渲染(传送门),本文将给大家关于React中事件处理的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:React的事件处理和DOM的事件处理是很相似的,只是有一些语法上的…

PS鼠绘带一枚带玻璃罩的消防栓开关

PS鼠绘带一枚带玻璃罩的消防栓开关

图标,玻璃罩,消防栓,一枚,电脑软件,本教程教的ps鼠绘学习者们使用PS鼠绘带玻璃罩的消防栓开关图标,其实教程的重点在玻璃质感的刻画上。图标部分,有很多类似的教程,相信大家都已经学习过了,好了,不多说,看效果!12 阅读全文教程结束,以上就是PS鼠绘…

浅谈原生JS中的延迟脚本和异步脚本

浅谈原生JS中的延迟脚本和异步脚本

脚本,原生,延迟,异步,浅谈,一、延迟脚本 deferHTML4.0中为<script> 标签添加了个defer属性。属性的用途是表民脚本在执行时不会影响页面的构造。脚本会被延迟到页面加载完毕的时候,执行。也就是当浏览器解析到</html> 标签后才会执行代码。…

Photoshop简单制作漂亮的鲜花文字

Photoshop简单制作漂亮的鲜花文字

文字,漂亮,简单,电脑软件,Photoshop, 这是一篇学习photoshop 的入门文章,PS字体设计实例教程,如何制作鲜花文字,来看看吧!步骤: 打开PS软件,点击文件新建,在弹出的对话框中设置名称:BaiDu。宽度和高度分别为600像素和300像素。 点击文字…

JQuery判断正整数整理小结

JQuery判断正整数整理小结

正整数,电脑软件,JQuery,var totalPage = document.getElementById("totalPage").value.trim();//获取总页 var reg=/^[1-9]\d*$/; //由 1-9开头 的正则表达式 //先判断是否为整数 在判断 是否在 1-总页 整数范围之内 if(reg.test(searc…

Word怎么在方框里打勾Word在方框里

Word怎么在方框里打勾Word在方框里

方法,调整,步骤,方框,宽度,  在word编辑文档的时候,我们需要一些特殊符号输入,如框框中打勾这个是比较经常用到的。这种符号怎么在Word中输入,其实有很多种快速实现的方法。下面小编就为大家来介绍一下:Word在方框里打勾的方法Word在方框里打…

Javascript ES6中数据类型Symbol的

Javascript ES6中数据类型Symbol的

数据类型,详解,电脑软件,Javascript,Symbol,介绍Symbol 是一种特殊的、不可变的数据类型,可以作为对象属性的标识符使用,表示独一无二的值。Symbol 对象是一个 symbol primitive data type 的隐式对象包装器。它是JavaScript语言的第七种数据…

微信小程序 实现动态显示和隐藏某

微信小程序 实现动态显示和隐藏某

控件,动态显示,程序,电脑软件,微信小,微信小程序 实现动态显示和隐藏某个控件在小程序的开发过程中,经常需要用到隐藏某个控件这种情况。因为项目原本是需要将两个canvas切换,但是小程序的canvas支持的功能实在是少,本来就jQuery mobile或者将…

浅谈node中的exports与module.expo

浅谈node中的exports与module.expo

浅谈,关系,电脑软件,exports,node,因为是做前端的,对node的生态一直也比较关注,对于node中对commonJS模块化的实现给了我们很大的方便,之前对于导出的module.exports和exports一直模模糊糊,今天做一个整理先来个js基础部分的复习let obj1 =…

JavaScript编写九九乘法表(两种任选

JavaScript编写九九乘法表(两种任选

九九乘法表,两种,电脑软件,JavaScript,话不多说,请看代码:<script language=javascript>for(i=1;i<=9;i++){for(j=1;j<=9;j++){document.write (i+"*"+j+"="+i*j+" ");if(i==j) {document.write ("<br/>"); break;} //用的if语句,如果…

详解node.js搭建代理服务器请求数

详解node.js搭建代理服务器请求数

请求数据,代理服务器,详解,电脑软件,js,1、引入node.js中的模块 var http = require("http"); var url = require("url"); var qs = require("querystring");2、创建服务器//用node中的http创建服务器 并传入两个形参http.createServ…

Word2013文档多页显示开启和取消的

Word2013文档多页显示开启和取消的

取消,文档,显示,方法,多页,  Word文档中,在编辑文档的时候,用户可以根据自己的实际需要进行文档的多页显示以及取消多页显示。以下是小编为您带来的关于Word2013文档多页显示开启和取消,希望对您有所帮助。Word2013文档多页显示开启和取消1…