灌云微信小程序开发文件上传功能教程-锦汇之星

新闻动态

灌云微信小程序开发文件上传功能教程

时间:2020-07-01 13:02:22 来源: 阅读:557

微信小程序在本地保存文件(或图片),以便您快速获取图片,从而节省用户流量和时间。

保存图片,我认为有两个保存位置

1。 选择图片时,使用wx.chooseImage选择图片时将其保存

2。 下载图片时,使用wx.downloadFile保存图片

代码片段

1,选择图片时

js代码

frontimage:function(){

var_this = this;

//选择图片

wx.chooseImage({

count:1,//默认值9

sizeType:[\'original \',\'compressed \'],//您可以指定默认为原始图像还是压缩图像

sourceType:[\'album \',\'camera \'],//您可以指定来源是相册还是照相机,默认情况下都是

成功:function(res){

//成功,将URL分配给wxml以显示图片

_ this.setData({

FilePaths:res.tempFilePaths

})

//保存图片

wx.saveFile({

//此地址多次被坑坑洼洼

tempFilePath:res.tempFilePaths,//此地址是图片地址,而不是您保存的目标地址

成功:function(res){

console.log(成功保存图片)

},

失败:功能(分辨率){

console.log(无法保存图片)

console.log(res)

}

})

}

})

}

2。 下载图片时

wx.downloadFile({ url:res.data.body [0] .URL,//图片下载地址 成功:function(res){//图片下载成功[/  br /] wx.saveFile({ tempFilePath:res.tempFilePath,//下载图像的临时地址 成功:function(res){ console.log(保存图片 成功) }, 失败:功能(){ console.log(无法保存图片) } })[/ br  /]},失败:功能(res){ console.log(图像下载失败) } })

成功保存图片后,将返回的res.savedFilePath(成功保存后的保存路径)放入保存成功的缓存中。 当您需要使用图片时,可以根据存储在缓存中的URL获取图片。


分享到: