微信是目前最受欢迎的社交应用之一,在微信开发中,上传图片功能是必不可少的。HTML5上传图片功能让开发者能够更加便捷地实现图片上传功能。
// 上传图片 wx.chooseImage({ success: function (res) { var localIds = res.localIds; wx.uploadImage({ localId: localIds[0], // 需要上传的图片的本地ID,由chooseImage接口获得 isShowProgressTips: 1, // 默认为1,显示进度提示 success: function (res) { var serverId = res.serverId; // 返回图片的服务器端ID } }); } });
首先,使用wx.chooseImage接口,用户可以在微信中选择图片并返回本地文件ID。当用户选择图片后,可以使用wx.uploadImage接口将图片上传到服务器中。
其中,localId参数为必填项,它代表需要上传的图片的本地ID,由wx.chooseImage接口获得。isShowProgressTips参数是用来控制是否显示上传进度提示的,默认为1,即显示进度提示。
在上传成功后,会返回图片的服务器端ID,即serverId。此时,开发者接下来可以将serverId发送到服务器进行业务操作。