怎么使用小程序点击图片预览功能?

时间：2023-07-01 14:05 阅读数：19 人阅读分类：知识百科

　　怎么使用小程序点击图片预览功能?想要实现小程序点击图片预览的功能，该怎么去使用该功能，请往下看小编整理的小程序点击图片预览怎么使用的内容。

　　小程序点击图片预览功能怎么使用?

　　图片预览功能小程序开发需要服务器端的配置。所以，今后这可能是作为一个网站架构，成为某种服务*的商业软件的需要。配置服务器的小程序相对于功能*的来说要麻烦点，因为需要服务端的配合。后期可能会直接开发一个类似于朋友圈的，可以把图片放到服务器上去。附上文字，然后慢慢的形成一个闭环的圈子。当然这是我的想法，目前小程序数据只是玩耍的工具。

　　图片预览功能其实很简单，就是把服务器端的图片下载下来进行一种压缩格式的预览。因为我的图片大多是本地文件，要不就是直接加载的服务端的图片，预览这个作用实在让我难以找到用途。不过，如果今后真要布置一个小程序代码的话，这一点又是必不可少的。毕竟预览这个功能可以省下巨多流量!

　　《picture.js》

　　//index.js

　　//获取应用实例

　　var app = getApp()

　　Page({

　　data: {

　　source function() {var that = this;

　　wx.chooseImage({

　　count: 1,

　　//original原图，compressed压缩图

　　sizeType: ['original'],

　　//album来源相册 camera相机

　　sourceType: ['album', 'camera'],

　　//成功时会回调

　　success: function(res) {

　　//重绘视图

　　that.setData({

　　source: res.tempFilePaths,

　　})

　　}

　　})

　　yulan:function(){

　　wx.previewImage({

　　current: '119.29.74.46/myphoto/0.jpg', // 当前显示图片的小程序链接，不填则默认为 urls 的第一张urls: [ '119.29.74.46/myphoto/0.jpg','119.29.74.46/myphoto/1.jpg','119.29.74.46/myphoto/2.jpg','119.29.74.46/myphoto/3.jpg',

　　'119.29.74.46/myphoto/4.jpg',

　　'119.29.74.46/myphoto/5.jpg',

　　'119.29.74.46/myphoto/6.jpg',

　　'119.29.74.46/myphoto/7.jpg'],

　　success: function(res){

　　fail: function() {

　　// fail

　　complete: function() {

　　// complete

　　}

　　})

　　onShareAppMessage: function () {

　　return {

　　title: '欢迎使用颜大傻牌跑步计',

　　desc: '将你的战绩分享到~~~',

　　path: '/page/picture/picture.js'

　　预览功能的原理很简单，其实就是给你一个按钮，绑定一个事件。这个事件就是向服务器请求预览图片加载，所谓预览图片加载呢。其实就是一个压缩过的，低像素的图片啦。然后给你发送过来，你就完成了所谓的预览。

　　以上就是小程序点击图片预览怎么使用的方法了，赶快通以上的相关内容去操作吧，更多精彩微信小程序内容在微小乔，如果您想了解相关内，敬请关注微小乔。