微信jssdk上传手机照片到服务器并能显示在手机界面上

接到一个开发任务，需要上传手机照片到自己的服务器，并使用微信JSSDK接口，将即将上传的图片显示到手机页面上，点击上传才能上传，如果照片选中了需要删除，可以在页面上删除。
我参考了一篇博客写的不错：https://blog.csdn.net/sinat_35861727/article/details/72722243
大体是根据这篇博客写的，对于安卓手机和苹果手机都适用，但是我发现大多数只能根据一张图片的localId显示，如果要显示多张，并能够删除，需要进行递归操作,在uploadImage代码里面递归：
选中后显示在article里面：

 <article id="pics" class="middleBlock" >
 </article>

这里是js，选择图片后显示在手机屏幕上的代码：
  wx.chooseImage({
                count: 9,
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有