加载中 ...
首页 > 新闻资讯 > 小程序 正文

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

2019-07-31 08:45:43 来源:沈阳小程序开发 作者:沈阳软件开发

微信小程序文件上传或图片上传功能,是非常重要的小程序功能,我们在开发过程中使用微信小程序在本地保存文件(或图像),这样可以快速获取图像,节省用户流量和时间。以下是微信小程序开发文件上传功能教程:

21708-1PQG41420556.png

保存图片,我认为有两个地方可以保存

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,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。