微信小程序开发文件上传功能教程
2019-07-31 08:45:43 来源:沈阳小程序开发 作者:沈阳软件开发
微信小程序文件上传或图片上传功能,是非常重要的小程序功能,我们在开发过程中使用微信小程序在本地保存文件(或图像),这样可以快速获取图像,节省用户流量和时间。以下是微信小程序开发文件上传功能教程:
保存图片,我认为有两个地方可以保存
1.选择图像时,使用wx.chooseImage在选择图像时保存图像
2.下载图像时,使用wx.downloadFile下载图像时保存图像
代码段
1.选择图片时
Js代码
Frontimage:函数(){
Var_this=此;
//选择图片
wx.chooseImage({
计数: 1,//默认为9
sizeType: [\'original \',\'compressed \'],//您可以指定它是原始图像还是压缩图像。两个默认值都是
sourceType: [\'album \',\'camera \'],//您可以指定源是相册还是相机,默认情况下
成功:函数(res){
//成功,将url分配给wxml显示图像
_this.setData({
FilePaths: res.tempFilePaths
})
//保存图片
wx.saveFile({
//在被这个地址多次进站之前
tempFilePath: res.tempFilePaths,//这个地址是图像地址,而不是你保存的目的地地址
成功:函数(res){
Console.log(成功保存图像)
},
失败:函数(res){
Console.log(无法保存图像)
CONSOLE.LOG(RES)
}
})
}
})
}
2.下载图像时
wx.downloadFile({url: res.data.body [0] .URL,//图像下载地址成功:函数(res){//图像下载成功wx.saveFile({tempFilePath: res.tempFilePath,//download Post图像临时地址成功:功能(res){console.log(保存图像成功)},失败:功能(){console.log(保存图像失败)}})},失败:功能(res){console.Log(图像下载失败)}})
成功保存映像后,返回的res.savedFilePath(这是成功保存后保存的路径)将放置在保存成功的缓存中。当需要图像时,可以根据缓存的URL检索图像。
以上是微信小程序开发文件上传功能教程,更多关于微信小程序的其他功能开发,你可以关注这个网站,谢谢。
HiShop小程序工具提供多种类型的商城/商店小程序制作,可视化编辑1秒,在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面,你可以看到你得到的东西,你只需要艺术家来制作一个漂亮的商场。有关更多小程序,请参阅:小程序 store
< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>
确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。
“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与
我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同
其观点或证实其内容的真实性。
热门文章
使用“扫一扫”即可将网页分享至朋友圈。
上一篇:
跨境电子商务小程序解决方案
下一篇:很抱歉没有了