微信小程序表单跳转不成功怎么办?

　　微信小程序表单跳转不成功怎么办?微信小程序开发中，会遇到各种各样的问题，其中微信小程序表单就是比较常出问题的，这不有人就遇见表单不跳转页面，这种情况怎么办?下面随小编一起看看吧!

　　微信小程序表单跳转不成功怎么办?

　　在最近的项目中需要将含 input[type='file']的表单提交给后台 ，并且小程序后台需要将文件存储在数据库中。但是考虑到安全*，这些文件不能上传到服务器上，得直接提交给后台存储到数据库中，在此需要注意以下问题：

　　1、提交表单时，如果要提交file，那么form标签里必须使用 enctype="multipart/form-data" 来设置编码。

　　2、提交表单时，如果使小程序页面不跳转，引用jquery.form.js插件，使用ajaxSubmit方法提交表单，反之亦然。

　　3、提交到nodejs后先将文件上传至node服务器，然后再将文件传给后端。

　　下面说一个具体的例子(例子中用了angularjs+nodejs+express)：

　　第一步：在package.json页面中加入需要的模块，然后npm install进行模块安装，并创建存储上传文件的临时文件夹uploadFiles.

　　工程目录结构：

　　第二步：小程序html页面

　　第三步：controller中对表单进行验证：

　　第四步：service中：

　　第五步：在app.js文件里配置nodejs路由：

　　第六步：最重要的来了，在channel.js文件里进行上传文件和提交表单给后端：

　　至此，编辑支付方式的小程序表单就可以成功上传并存储在数库了。

　　以上就是小编搜集的微信小程序表单跳转不成功怎么办?的全部内容了，希望能帮到大家，如果你还有更好的办法也可以说出来哦，大家一起学习。更多精彩尽在微小乔!

相关推荐：

微信小程序form表单组件详解实例

微信小程序清空表单怎么操作？

怎样实现小程序获取表单数据？