小程序上传文件生成订单

小程序上传文件生成订单的步骤:

公司客户要求在订单中添加文件上传功能，就开始查阅资料之旅了，微信小程序扩展能力中有现成的文件上传组件uploader可以使用，而这个项目是在表单中添加上传图片功能，因此需要考虑一些纯册代码逻辑。

首先，刚开始忽略了逻辑问题，做戚宏直接在上传文件的时候通过接口提交到后台，接着遭到了质疑：“如果用户没提交表单，上传的图片就已经到后台了，有点不合逻辑吧”

然后，重新整理逻辑，先把图片临时缓存一下，提交表单的时候，拿到缓存数据，通过接口把图片提交到后台，再把表单数据提交到后台（两个接口是分开的，后台给的，就这样用呗）

uploader简介

uploader是微信小程序WeUI组件库中的一个图片上传的组件，可以在小程序开发文档中--扩展能力--表单组件中找到相关用法。

这是一个集合了图片选择、上传、预览、删除的完整组件，属性定义也比较全面，可以自定义上传个数，有上传成功提醒和失败提醒，点击预览功能等，基本可以涵盖图片文件上传的所有功能要求。

用起仔如来也很方便，在json文件中加入以下引用（可在官方文档找到），然后在wxml文件中直接引入该组件就行，使用起来很方便

{

"usingComponents": {

"mp-uploader": "weui-miniprogram/uploader/uploader"

}

}

官方文档提供了简单的使用案例，如图所示。

打开开发者和晌工具,在项目的pages文件夹下,新建myage文件夹,并在文件夹内新建mypage页面,在app.json中将mypage设为第一页面

2.拷贝一唤迹锋张图片到mypage文件夹内

3.在mypage.wxml中添加这张州枣图片,代码如下: <image src='Desert.jpg'></image>

微信小程序的js后台只能执行一些简单的逻辑，遇到比较复杂的处理表单数据的功能或者网络功能就需要连接服务器来远程处理，实现方式历漏饥就是调用小程序的 wx.request() 这一接口。

request请求 就是基本的HTTP请求，可以携带一些表单数据，交给服务器处理。

在小程序中的写法如下:

采用php作为服务器端语言，通过WAMP等框架可以很容易地搭建环境，服务器主搜毕要完成对请求数据的处理以及结果数据的返回。

请求数据的获取非常容易，直接访问相应的超全局数组，对于GET方法而言，通过下面的方式即可：

为了方便小程序端数据的处理，结果数据仍通过json格式返回，具体在php中的简单做法就是

这样返回的json数据就为

其中value1,value2等变量可以设置为多维数组，这样通过json_encode() 函数之后就可以得到相应的嵌套的json数据，从而方便处理。

通过php可以很容易地处理微信小程序的request请求，笔者是由于前一段时间需要进行微信小程序的开发，就研究了一下小程序的逻辑，然后尝试用php进行服务端处理，对于简单的请求处理起来肢返觉得还不错，这篇文章可以作为初次接触微信小程序的一个参考。

---