一、图片选择功能
从本地相册选择图片或使用相机拍照
使用过程如下:
代码镶嵌在原本的代码框架中就是现在这样:
《---picture.js》
《---picture.wxml》 整体的文件架构图如下:
二、增置了图片预览
图片预览功能需要服务器端的配置。所以,今后这可能是作为一个网站架构,成为某种服务性的商业软件的需要。配置服务器的小程序相对于功能性的来说要麻烦点,因为需要服务端的配合。但是幸亏我手头有几个空置的云服务器,所以就直接拿来写了一个这种东西。后期可能会直接开发一个类似于朋友圈的,可以把图片放到服务器上去。附上文字,然后慢慢的形成一个闭环的圈子。当然这是我的想法, 目前小程序只是玩耍的工具。
图片预览功能其实很简单,就是把服务器端的图片下载下来进行一种压缩格式的预览。稍后容我一一道来。目前这个功能,怎么来说呢,其实就是个鸡肋。因为我的图片大多是本地文件,要不就是直接加载的服务端的图片,预览这个作用实在让我难以找到用途。不过,如果今后真要布置一个圈子的话,这一点又是必不可少的。毕竟预览这个功能可以省下巨多流量!
《picture.js》
《picture.wxml》
《---picture.wxml》
预览功能的原理很简单,其实就是给你一个按钮,绑定一个事件。这个事件就是向服务器请求预览图片加载,所谓预览图片加载呢。其实就是一个压缩过的,低像素的图片啦。然后给你发送过来,你就完成了所谓的预览。
从本地相册选择图片或使用相机拍照
![1.png 1.png](http://bbs.jointforce.com/data/attachment/forum/201702/10/101052o0mnncgfoolhomzz.png)
![2.gif 2.gif](http://bbs.jointforce.com/data/attachment/forum/201702/10/101054wl35kivolg0tzldg.gif)
使用过程如下:
代码镶嵌在原本的代码框架中就是现在这样:
《---picture.js》
《---picture.wxml》 整体的文件架构图如下:
![3.png 3.png](http://bbs.jointforce.com/data/attachment/forum/201702/10/101221rqty8h8kuywevdgc.png)
二、增置了图片预览
图片预览功能需要服务器端的配置。所以,今后这可能是作为一个网站架构,成为某种服务性的商业软件的需要。配置服务器的小程序相对于功能性的来说要麻烦点,因为需要服务端的配合。但是幸亏我手头有几个空置的云服务器,所以就直接拿来写了一个这种东西。后期可能会直接开发一个类似于朋友圈的,可以把图片放到服务器上去。附上文字,然后慢慢的形成一个闭环的圈子。当然这是我的想法, 目前小程序只是玩耍的工具。
图片预览功能其实很简单,就是把服务器端的图片下载下来进行一种压缩格式的预览。稍后容我一一道来。目前这个功能,怎么来说呢,其实就是个鸡肋。因为我的图片大多是本地文件,要不就是直接加载的服务端的图片,预览这个作用实在让我难以找到用途。不过,如果今后真要布置一个圈子的话,这一点又是必不可少的。毕竟预览这个功能可以省下巨多流量!
《picture.js》
《picture.wxml》
《---picture.wxml》
![4.gif 4.gif](http://bbs.jointforce.com/data/attachment/forum/201702/10/101321wmm2fzq8q2f8245j.gif)
预览功能的原理很简单,其实就是给你一个按钮,绑定一个事件。这个事件就是向服务器请求预览图片加载,所谓预览图片加载呢。其实就是一个压缩过的,低像素的图片啦。然后给你发送过来,你就完成了所谓的预览。