微信小程序上传图片到服务器实例代码_手机微信上传照片到服务器 - CSDN文库

微信小程序

微信小程序服务器

167 浏览量更新于2023-03-16 评论 5 收藏 56KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

微信小程序上传图片到服务器实例代码微信小程序上传图片到服务器实例代码

主要介绍了微信小程序上传图片到服务器的实例代码，在文章给大家补充介绍了微信小程序上传一或多张图片

的方法，本文给大家介绍的非常详细，具有参考借鉴加载,需要的朋友可以参考下

上传图片到服务器：上传图片到服务器：

1.先在前端写一个选择图片的区域来触发wx.chooseImage接口并用wx.setStorage接口把图片路径存起来。

-wxml

<view class="shangchuan" bindtap="choose">

<image style="width:100%;height:100%;" src="{{tempFilePaths}}"></image>

</view>

<button formType='submit' class="fabu">发布项目</button>

/**选择图片 */

choose: function () {

var that = this

wx.chooseImage({

count: 1,

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有

success: function (res) {

var tempFilePaths = res.tempFilePaths

that.setData({

tempFilePaths: res.tempFilePaths

})

console.log(res.tempFilePaths)

wx.setStorage({ key: "card", data: tempFilePaths[0] })

}

})

},

2.使用wx.uploadFile将刚才上传的图片上传到服务器上

formSubmit2: function (e) {

var that = this

var card = wx.getStorageSync('card')

wx.uploadFile({

url: app.globalData.create_funds,

filePath: card,

name: 'card',

formData: {

'user_id': app.globalData.user_id,

'person': e.detail.value.person,

'company': e.detail.value.company,

},

success: function (res) {

console.log(res)

}

})

}

}

},

PS：：微信小程序上传一或多张图片微信小程序上传一或多张图片

一一.要点要点

1.选取图片选取图片

wx.chooseImage({

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论0

weixin_38736652

粉丝: 1
资源: 938

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈