分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

小程序之图片上传

发布时间:2023-09-06 01:55责任编辑:傅花花关键词:暂无标签
//调用相册等选择图片,得到图片的相对路劲
up_img: function () { ???????var that = this; ???????wx.chooseImage({ ???????????count: 1, // 默认9 ???????????sizeType: [‘compressed‘], ???????????sourceType: [‘album‘, ‘camera‘], ???????????success: function (res) { ???????????????var tempFilePaths = res.tempFilePaths; ???????????????upload(that, tempFilePaths); ???????????} ???????}) ???}
//把图片上传到服务器
function upload(page, path) { ???wx.showToast({ ???????icon: "loading", ???????title: "正在上传" ???}), ???????wx.uploadFile({ ???????????url: app.globalData.url + ‘index.php?g=api&m=api&a=img_upload_api‘, ???????????filePath: path[0], ???????????name: ‘file‘, ???????????formData: { ???????????????openid: wx.getStorageSync(‘openid‘), ???????????????is_type: 1 ???????????}, ???????????success: function (res) { ???????????????if (res.statusCode != 200) { ???????????????????wx.showModal({ ???????????????????????title: ‘提示‘, ???????????????????????content: ‘上传失败‘, ???????????????????????showCancel: false ???????????????????}) ???????????????????return; ???????????????} ???????????????var res_data = JSON.parse(res.data); ???????????????// poster_src = res_data.data; ???????????????page.setData({ ???????????????????poster_src: res_data.data ???????????????}); ???????????}, ???????????fail: function (e) { ???????????????console.log(e); ???????????????wx.showModal({ ???????????????????title: ‘提示‘, ???????????????????content: ‘上传失败‘, ???????????????????showCancel: false ???????????????}) ???????????}, ???????????complete: function () { ???????????????wx.hideToast(); ?//隐藏Toast ???????????} ???????});}

小程序之图片上传

原文地址:https://www.cnblogs.com/wanan-01/p/9057480.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved