微信小程序 > 微信公开课 > 小程序怎么临时加载本地相册图片
微信小程序,微信公开课,小程序怎么临时加载本地相册图片

小程序怎么临时加载本地相册图片

2019-03-12 17:01:43

微信公开课小程序热门讨论「小程序怎么临时加载本地相册图片」最新回复-步骤一:微信开发工具打开项目步骤二:新建个文件夹(放项目的一级或者二级目录都可以),然后把图片拷贝到这个目录下。步骤三:相对路径去访问图片,可以用style样式的方式或者image标签而外:不能用wxml样式去引用本地的图片,不会报错,也没效果 注意:在手机模拟预览,样式的背景图只能用服务器的图片,不能用本地
小程序中获取图片可通过两种方式得到,第一种是直接打开微信内部自己的样式,第一格就是相机拍照,后面是图片,第二种是弹框提示用户是要拍照还是从相册选择,下面一一来看。选择相册要用到wx.chooseImage(OBJECT)函数,具体参数如下:直接来看打开相机相册的代码:Page({ data:{ tempFilePaths: }, onLoad:function(){ }, chooseimage:function(){ varthat=this; wx.chooseImage({  count:1,//默认9  sizeType:[original,compressed],//可以指定是原图还是压缩图,默认二者都有  sourceType:[album,camera],//可以指定来源是相册还是相机,默认二者都有  success:function(res){  //返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片that.setData({tempFilePaths:res.tempFilePaths  })  } })  }, })方法一效果图如下:个人认为第二种用户体验要好一点,效果如下:点击获取弹框提示,代码如下:Page({ data:{ tempFilePaths: }, onLoad:function(){ }, chooseimage:function(){ varthat=this; wx.showActionSheet({  itemList:[从相册中选择,拍照],  itemColor:#CED63A,  success:function(res){  if(!res.cancel){if(res.tapIndex==0){that.chooseWxImage(album)}elseif(res.tapIndex==1){that.chooseWxImage(camera)}  }  } })  },  chooseWxImage:function(type){ varthat=this; wx.chooseImage({  sizeType:[original,compressed],  sourceType:[type],  success:function(res){  console.log(res);  that.setData({tempFilePaths:res.tempFilePaths[0],  })  } }) }  })文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用wx.saveFile,在小程序下次启动时才能访问得到。布局文件:buttonstyle=margin:30rpx;bindtap=chooseimage获取图片/buttonimagesrc={{tempFilePaths}}catchTap=chooseImageTapmode=aspectFitstyle=width:100%;height:450rpx/ 更多有关「小程序怎么临时加载本地相册图片」的疑问请扫码关注微信公开课+小程序!
标签:微信公开课,小程序
微信小程序,微信公开课,小程序怎么临时加载本地相册图片

「小程序怎么临时加载本地相册图片」热议话题订阅

方法1:微信扫描微信公开课小程序码即可订阅热议话题「小程序怎么临时加载本地相册图片」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热议话题「小程序怎么临时加载本地相册图片」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热议话题「小程序怎么临时加载本地相册图片」

微信公开课小程序热议话题「小程序怎么临时加载本地相册图片」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热议话题「小程序怎么临时加载本地相册图片」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。