淘先锋技术网

首页 1 2 3 4 5 6 7

微信是目前最受欢迎的社交应用之一,在微信开发中,上传图片功能是必不可少的。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
      }
    });
  }
});

微信 html5上传图片代码

首先,使用wx.chooseImage接口,用户可以在微信中选择图片并返回本地文件ID。当用户选择图片后,可以使用wx.uploadImage接口将图片上传到服务器中。

其中,localId参数为必填项,它代表需要上传的图片的本地ID,由wx.chooseImage接口获得。isShowProgressTips参数是用来控制是否显示上传进度提示的,默认为1,即显示进度提示。

在上传成功后,会返回图片的服务器端ID,即serverId。此时,开发者接下来可以将serverId发送到服务器进行业务操作。