我是靠谱客的博主 重要人生,最近开发中收集的这篇文章主要介绍微信小程序上传图片到服务器不显示,微信小程序上传图片到服务器wx.uploadFile...,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

项目中肯路能需还定有开都视这讲房哦搞有名需移洁页定会遇到上传文件到服务器端,小程序提供了很有用的ap朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上i

wxml代码遇新是直朋能到:

上传图片

js代码:

getPhoto(e){ //获取手机相册功能

let _this = this;

wx.chooseImage({

count: 1, //上传图片数量

sizeType: ['original', 'compressed'],

sourceType: ['album', 'camera'],

success(res) {

console.log(res)

// tempFilePath可以作为img标签的src属性显示图片

const tempFilePaths = res.tempFilePaths

_this.upLoad(_this, tempFilePaths); //调用上传接口

}

})

},

upLoad(that,filePath){

wx.uploadFile({

url: ROOT_URL, //换成你自己的url地址

filePath: filePath[0], //图片文件

name: 'file',

header: {

"Content-Type": "multipart/form-data", //头部设置

},

formData: {

//这里放你自己额外要带的参数

},

success: function (res) {

//console.log(res)

var data = JSON.parse(res.data) //do something

//根据你自己的项目要求,做处理

this.setData({

imgUrl:filePath[0]

})

}

})

},

本文来源于网络:查看 >https://blog.csdn.net/qq_41806475/article/details/84539959

最后

以上就是重要人生为你收集整理的微信小程序上传图片到服务器不显示,微信小程序上传图片到服务器wx.uploadFile...的全部内容,希望文章能够帮你解决微信小程序上传图片到服务器不显示,微信小程序上传图片到服务器wx.uploadFile...所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(29)

评论列表共有 0 条评论

立即
投稿
返回
顶部