选择本地文件:wx.chooseImage({
下载选中的文件:wx.downloadFile({
选择本地视频: wx.chooseVideo({
效果图:
代码
app.js
// app.js
App({
onLaunch() {
// 展示本地存储能力
const logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
}
})
},
globalData: {
userInfo: null,
nginxadd:"换成内网穿透地址"
}
})
downfile.js
// pages/downfile/downfile.js
let app=getApp();
Page({
/**
* 页面的初始数据
*/
data: {
path:"",
videopath:""
},
//选择本地文件
selectimg()
{
wx.chooseImage({
success:(resp)=>
{
let imgPath=resp.tempFilePaths;
console.log(imgPath);
this.setData({path:imgPath});
}
});
},
//选择下载文件
selecdownimg()
{
console.log("选择网络文件");
wx.downloadFile({
url: app.globalData.nginxadd+"img/a1.jpg",
type:"image",
success:(resp)=>
{
console.log(resp.tempFilePath);
this.setData({path:resp.tempFilePath});
},
fail:(resp)=>{
wx.showToast({
title: '下载失败',
})
}
})
},
//选择视频
selectvideo()
{
wx.chooseVideo({
sourceType: ['album','camera'],
camera: ["back","front"],
success:(resp)=>
{
this.setData({videopath:resp.tempFilePath});
}
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
downfile.wxml
<!--pages/downfile/downfile.wxml-->
<button type="primary" bindtap="selectimg" >选择本地文件</button>
<button type="primary" bindtap="selecdownimg" >选择下载文件</button>
<image src="{{path}}"></image>
<button type="primary" bindtap="selectvideo" >选择本地视频</button>
<video controls="controls" src="{{videopath}}">
</video>