微信小程序 ES6Promise.all批量上传文件实现代码


Posted in Javascript onApril 14, 2017

微信小程序 ES6Promise.all批量上传文件实现代码

客户端

Page({
  onLoad: function() {
    wx.chooseImage({
      count: 9,
      success: function({ tempFilePaths }) {
        var promise = Promise.all(tempFilePaths.map((tempFilePath, index) => {
          return new Promise(function(resolve, reject) {
            wx.uploadFile({
              url: 'https://www.mengmeitong.com/upload',
              filePath: tempFilePath,
              name: 'photo',
              formData: {
                filename: 'foo-' + index,
                index: index
              },
              success: function(res) {
                resolve(res.data);
              },
              fail: function(err) {
                reject(new Error('failed to upload file'));
              }
            });
          });
        }));
        promise.then(function(results) {
          console.log(results);
        }).catch(function(err) {
          console.log(err);
        });
      }
    });
  }
});

服务端

<?php
use IlluminateHttpRequest;
Route::post('/upload', function (Request $request) {
  if ($request->photo->isValid()) {
    $request->photo->storeAs('images/foo/bar/baz', $request->filename . '.' . $request->photo->extension());
    return ['success' => true, 'index' => $request->index];
  }
});

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
Javascript的匿名函数小结
Dec 31 Javascript
详谈JavaScript 匿名函数及闭包
Nov 14 Javascript
jQuery带箭头提示框tooltips插件集锦
Nov 17 Javascript
jQuery中extend函数详解
Feb 13 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
Oct 20 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
详解vue父子组件间传值(props)
Jun 29 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
Jul 30 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
Dec 13 Javascript
JS实现秒杀倒计时特效
Jan 02 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
Sep 17 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 Javascript
微信小程序动态的加载数据实例代码
Apr 14 #Javascript
JAVA中截取字符串substring用法详解
Apr 14 #Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 #jQuery
JavaScript实现的选择排序算法实例分析
Apr 14 #Javascript
简单实现JS上传图片预览功能
Apr 14 #Javascript
基于JavaScript实现的快速排序算法分析
Apr 14 #Javascript
微信小程序中的swiper组件详解
Apr 14 #Javascript
You might like
PHP中使用memcache存储session的三种配置方法
2014/04/05 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
JQuery操作tr和td内容的方法实例
2013/03/06 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
js的window.showModalDialog及window.open用法实例分析
2015/01/29 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
2016/01/22 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
2016/12/30 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
2017/12/22 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
laydate时间日历插件使用方法详解
2018/11/14 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
vue-cli和v-charts实现可视化图表过程解析
2019/10/08 Javascript
vue中 数字相加为字串转化为数值的例子
2019/11/07 Javascript
vue基于v-charts封装双向条形图的实现代码
2019/12/09 Javascript
react实现移动端下拉菜单的示例代码
2020/01/16 Javascript
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
Python中除法使用的注意事项
2014/08/21 Python
python删除特定文件的方法
2015/07/30 Python
pandas基于时间序列的固定时间间隔求均值的方法
2019/07/04 Python
基于matplotlib xticks用法详解
2020/04/16 Python
基于python tkinter的点名小程序功能的实例代码
2020/08/22 Python
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
资料员的岗位职责
2013/11/20 职场文书
运动会通讯稿100字
2014/01/31 职场文书
抄作业检讨书
2014/02/17 职场文书
代理协议书
2014/04/22 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
2014年国庆节活动总结
2014/08/26 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
《卧薪尝胆》读后感3篇
2019/12/26 职场文书
pytorch查看网络参数显存占用量等操作
2021/05/12 Python
Mysql中mvcc各场景理解应用
2022/08/05 MySQL