Ⅰ 微信小程序怎麼分享相冊
微信最近推出了小程序功能,為用戶提供了很多方便快捷的小程序,有些有用戶想知道如何使用微信騰訊相冊小程序,接下來小編就給大家介紹一下具體的操作步驟。
具體如下:
1. 首先第一步打開手機中的【微信】App,進入軟體後根據下圖箭頭所指,依次點擊【發現-小程序】,然後搜索【騰訊相冊】選項並點擊。
2. 第二步進入【騰訊相冊】小程序後,根據下圖箭頭所指,在【動感影集】菜單下選擇並點擊喜歡的影集類型。
3. 第三步在彈出的菜單欄中,根據下圖箭頭所指,點擊【選擇手機內照片】選項,然後在頁面中找到想要添加的照片。或者點擊【拍攝照片】選項,現場拍攝照片。需要注意的是,添加的照片必須大於三張。
4. 最後彈出【保存成功】提示後,根據下圖所示,點擊【分享影集】選項就可以將製作好的影集分享給好友。
Ⅱ 微信小程序實現上傳圖片小功能
微信小程序中實現上傳圖片功能,本文將具體介紹其實現方式,包括使用的API和相關代碼示例。通過wx.chooseMedia()介面,用戶可以選擇或拍攝圖片。具體實現如下:
首先,在json配置文件中引用weui組件,確保頁面使用weui樣式:
json裡面引用weui的組件uploader{
"navigationBarTitleText": "評價工單",
"usingComponents": {
"mp-uploader": "weui-miniprogram/uploader/uploader",
"mp-cells": "weui-miniprogram/cells/cells",
"mp-cell": "weui-miniprogram/cell/cell"
}
}
在wxml文件中,通過view和image標簽實現圖片的展示和操作。點擊圖片可以放大查看,長按則可以刪除:
wxml
view class="weui-uploader"
view class="img-v weui-uploader__bd"
view class='pic' wx:for="{{technicianAssessPicture}}" wx:for-item="item" wx:key="*this"
image class='weui-uploader__img ' src="{{item}}" data-index="{{index}}" mode="aspectFill" bindlongpress="deleteTechnician" bindtap="previewTechnician"
/image
/view
/view
/view
在js文件中,定義數據模型和技術員圖片數組。實現上傳技師圖片的功能,限制最多可上傳9張圖片:
data:()
technicianAssessPicture: [], // 技師圖片
// 上傳技師圖片
technicianImg: function (e)
var that = this;
var technicianAssessPicture = this.data.technicianAssessPicture;
if (technicianAssessPicture.length = 9)
this.setData({
lenMore: 1
});
setTimeout(function ()
that.setData({
lenMore: 0
}, 2500);
return false;
}
wx.chooseMedia({
count: 9, // 默認9
mediaType: ['image','video'], // 文件類型
sourceType: ['album', 'camera'], // 圖片和視頻選擇的來源
maxDuration: 30, // 拍攝視頻最長拍攝時間,單位秒。時間范圍為 3s 至 60s 之間。不限制相冊。
camera: 'back', // 僅在 sourceType 為 camera 時生效,使用前置或後置攝像頭
success: function (res)
var tempFilePaths = res.tempFiles;
var technicianAssessPicture = that.data.technicianAssessPicture;
for (var i = 0; i tempFilePaths.length; i++)
if (technicianAssessPicture.length = 9)
that.setData({
technicianAssessPicture: technicianAssessPicture
});
else
const tempFilePaths1 = tempFilePaths.map(v=v.tempFilePath)
technicianAssessPicture.push(tempFilePaths1[i]);
that.setData({
technicianAssessPicture: technicianAssessPicture
});
console.log(that.data.technicianAssessPicture, 'hhhhhhhhhhhhhhhhhhhhh');
})
}
通過previewTechnician函數實現圖片預覽功能,通過deleteTechnician函數實現圖片刪除功能:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持自由互聯。
Ⅲ 進入微信小程序怎麼發照片
操作步驟如下:
1.打開小程序開發工具,然後創建一個小程序項目;2.打開index.js文件,然後添加chooseImage方法;3.在後編寫一個接收文件上傳的方法;4.運行程序以後,點擊圖片就會彈出選擇文件的對話框;