微信提交表单到服务器,微信小程序页面表单如何跟图片一起上传服务器

拆开写。

表单提交是 wx.request

上传图片是 wx.uploadFile

你需要写一个通用图片上传接口，上传图片后台返回图片的url。这个通用接口在任何需要提交图片的表单都可以用到。

添加图片的时候就调用图片上传接口，拿到图片的url，存在表单数据里。提交表单按照正常表单那样子提交就好了。

export function uploadFiles(filePath,token){ // 上传文件通用接口

return new Promise((resolve, reject) => {

wx.uploadFile({

url:`${URL_PREV}upload`,

filePath:filePath,

name: 'file',

header:{

'content-type':'multipart/form-data',

'x-token':token

success: function(res){

let data = JSON.parse(res.data);

if (data.code==200) {

resolve(data.link);

}else {

reject(data.message);

}

})

}).catch(function(e){

wx.showToast({

title: e,

icon: 'none',

duration: 1500

})

});

};

微信提交表单到服务器,微信小程序页面表单如何跟图片一起上传服务器相关推荐

一款社区论坛小程序源码（修复登录图片发布上传问题）
简介: 这是一款社区论坛小程序源码(修复登录图片发布上传问题) 内涵强大的功能支持多种多样的发帖模式比如发图文,发语音,发涂鸦,发视频等另外也可以设置为只能会员才可以发另外还拥有礼物功能,可以 ...
微信小程序选择手机相册里的图片并上传到页面
微信小程序获取手机相册里的图片并传到页面上 index.wxml代码 // 相册中的照片 <button bindtap='handleChooseAlbum'>选中图片</butt ...
微信小程序怎么绑定服务器,微信小程序页面表单如何跟图片一起上传服务器
拆开写. 表单提交是 wx.request 上传图片是 wx.uploadFile 你需要写一个通用图片上传接口,上传图片后台返回图片的url.这个通用接口在任何需要提交图片的表单都可以用到. 添加图 ...
vant weapp 多选上传图片_微信小程序结合vant weapp ui实现多图上传组件
微信小程序多图上传最近在写小程序的商品上传,为方便需要使用多张图片的上传的功能.因为小程序不支持数组的多张图片同时上传,然后根据自己的需求创建了一个组件希望能够帮到大家效果图创建一个图片上传的p ...
PHP表单注册验证,JavaScript实现注册页面表单校验的实例分享
下面小编就为大家带来一篇JavaScript 完成注册页面表单校验的实例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧 1.步骤分析第一步:确定事件(onsubmit ...
小程序结合Vant Weapp实现多张图片的上传和预览
前言: 不太懂为啥Vant Weapp的官方文档明明可以写全代码,却只放了一部分出来,关于云开发的案例也是写得蛮晦涩难懂的,参考了以下的文档: 云开发能力基础讲解小程序官方文档wx.cloud.up ...
微信小程序云开发CMS内容管理平台csv上传乱码或失败的解决方法
一.新建Excel并编辑数据: 二.Excel 编辑好后另存为csv文件(直接导入微信小程序云开发数据库会出现中文乱码): 三.csv文件直接改后缀名为.txt,然后用记事本打开(如首行出现空字段需删 ...
[微信小程序]WebView内嵌H5实现本地文件上传
[官方文档] 小程序与H5如何互相跳转小程序与H5交互以上传文件为例微信小程序开放能力web-view使用之h5页面与小程序页面交互传值快速小程序开发之微信小程序内嵌 H5 微信小程序web-v ...
微信小程序实现pdf、word等格式文件上传的方法，微信小程序word文档
目前微信只支持从聊天记录里面获取文件一.前言目前微信提供了一个接口 wx.chooseMessageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列入文件的path ...

微信提交表单到服务器,微信小程序页面表单如何跟图片一起上传服务器

微信提交表单到服务器,微信小程序页面表单如何跟图片一起上传服务器相关推荐

最新文章

热门文章