wx.chooseImage
<view>上传图片</view>
<view>
<view>
<button bindtap="getImg">上传图片</button>
</view>
<view wx:for="{{imgSrc}}" wx:key="{{index}}">
<image mode="aspectFit" src="{{item}}" />
</view>
</view>
page({
data:{
imgSrc:[]
},
getImg(e){
var _this = this;
wx.chooseImage({
count:9,//照片可选数量
sizeType:['original','compressed'],//原图,缩略图
sourceType:['album','camera'],//相册,相机
success:function(res){
var tempFilePaths = res.tempFilePaths
console.log(tempFilePaths)
_this.setData({
imgSrc:[..._this.data.imgSrc,...tempFilePaths]
})
}
})
},
})
移动端上传照片时,需要在在wx.upload请求时,添加header:{
"Content-Type": "multipart/form-data"
},
否则,可能传给后天的数据是application/octet-stream
wx.chooseImage的更多相关文章
- 微信小程序wx.chooseImage和wx.previewImage的综合使用(图片上传可以限制个数)
本例从微信小程序的组件扒下来的. WXML: <view class="weui-cell"> <view class="weui-cell__bd&q ...
- 微信小程序wx.chooseImage和wx.previewImage的综合使用(图片上传不限制最多张数)
WXML: <view class="weui"> <view class="weui-uploader"> <view clas ...
- 微信网页JSDK接口-wx.chooseImage问题
wx.chooseImage({count: 1, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有sourceTy ...
- 小程序wx.chooseImage的坑
选择图片后可能重新执行onshow()和onhide(),可以在页面中添加锁变量,选择图片前获取,选择完释放,onshow中利用锁来中断执行
- angularjs+微信,解决chooseImage不能预览的问题
在wx.chooseImage的success回调中直接进行数据绑定,却在ng-repeat时发现ng-src不加载微信localId的问题,类似wxLocalResource://imageid98 ...
- wx:for修改样式
在获取文字识别数据之后,对数据进行wx:for循环加了边框如图效果: 需求:点击不同边框获取不同文字,再次点击取消选中:选中背景为#999: <view wx:for="{{img_d ...
- 坑:微信小程序wx.request和wx.uploadFile中传参数的区别
微信小程序中通过组件<form>提交表单的时候,在js中通过e.detail.value得到所提交表单的json格式数据.一般提交表单我们都是通过wx.request请求,提交表单数据,通 ...
- 微信小程序wx.previewImage实用案例(交流QQ群:604788754)
本案例是可以滑动预览多张图片效果.(本案例在本地配置好之后,请扫描二维码到手机滑动预览.在开发者工具上预览,滑动不是很流畅) 图片必须选择远程图片,本地图片无法实现预览. 或是通过wx.chooseI ...
- 小程序上传wx.uploadFile - 小程序请假
小程序上传wx.uploadFile UploadTask wx.uploadFile(Object object) 将本地资源上传到服务器.客户端发起一个 HTTPS POST 请求,其中 cont ...
随机推荐
- daemon_inetd函数
#include <syslog.h> extern int daemon_proc; /* defined in error.c */ void daemon_inetd(const c ...
- AspectJ开发
aspectJ 是基于java语言的aop框架,提供了强大的aop功能. aspectJ的实现主要有两种,一种是基于xml的声明式aspectJ,另一种是基于注解的aspectJ. 1.基于xml的声 ...
- Java SE之调整JVM内存笔记
[文档整理系列] Java SE之调整JVM内存笔记 一般JVM内存限制是64Mbyte Eclipse下 Run as configrationArguments选项:-Xmx80m [设置虚拟机 ...
- luogu P3175 [HAOI2015]按位或
传送门 如果每个位置上的数字的意义是这个位置被加进集合的最早时间,那么我们要求的就是集合中最大数的期望,使用Min-Max容斥,\(E(max(S))=\sum_{T\subset S}(-1)^{| ...
- 将sublime添加到鼠标右键
1.win+R 输入regedit ,打开注册表. 2.找到HKEY_CLASSES_ROOT/*/shell目录,在此目录下 ①新建项,命名为“sublime Text”(也可以是其他名字),双击右 ...
- 【tmos】SpringBoot登录拦截
我的代码 public class WebLoginInterceptor implements HandlerInterceptor { @Autowired private WeixinConfi ...
- 更新glibc版本,有问题,有三篇博客的命令看不懂
https://blog.csdn.net/glongljl/article/details/80156243 https://blog.csdn.net/officercat/article/det ...
- Java开发环境配置(1)--tool准备
工具准备:1.eclipse-mars开发工具必须安装 2.XAMPP-环境集成了MYSQL,APACHE,TOMCAT建议安装 3.TOMCAT提供了二个版本(8.0和9.0),建议安装一个以备不时 ...
- python - 代码缩进
# -*- cording :utf-8 -*- # print absolute value of an integer a = 40 b = 1 if a >=50: print a els ...
- CNN学习入门
https://blog.csdn.net/ice_actor/article/details/78648780