微信小程序 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 相关文章推荐
js下将字符串当函数执行的方法
Jul 13 Javascript
javascript中的document.open()方法使用介绍
Oct 09 Javascript
instanceof和typeof运算符的区别详解
Jan 06 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
May 21 Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
Nov 09 Javascript
ES6 fetch函数与后台交互实现
Nov 14 Javascript
Angular(5.2-&gt;6.1)升级小结
Dec 27 Javascript
js验证身份证号码记录的方法
Apr 26 Javascript
Node.js学习之内置模块fs用法示例
Jan 22 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
for循环连续求和、九九乘法表代码
2012/02/20 PHP
PHPThumb图片处理实例
2014/05/03 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
零基础php编程好学吗
2019/10/11 PHP
PHP封装请求类实例分析【基于Yii框架】
2019/10/17 PHP
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
2014/08/05 Javascript
全面解析Bootstrap中nav、collapse的使用方法
2016/05/22 Javascript
Javascript中的数组常用方法解析
2016/06/17 Javascript
javascript设计模式之模块模式学习笔记
2017/02/15 Javascript
js实现登录与注册界面
2017/11/01 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
Vue代码整洁之去重方法整理
2019/08/06 Javascript
vue实现直播间点赞飘心效果的示例代码
2019/09/20 Javascript
JS中this的4种绑定规则详解
2020/02/04 Javascript
JavaScript实现页面高亮操作提示和蒙板
2021/01/04 Javascript
python使用正则表达式提取网页URL的方法
2015/05/26 Python
python+requests+unittest API接口测试实例(详解)
2017/06/10 Python
Python迭代器与生成器用法实例分析
2018/07/09 Python
Numpy对数组的操作:创建、变形(升降维等)、计算、取值、复制、分割、合并
2019/08/28 Python
Pytorch转tflite方式
2020/05/25 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
python缩进长度是否统一
2020/08/02 Python
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
.NET常见笔试题集
2012/12/01 面试题
《和田的维吾尔》教学反思
2014/04/14 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
毕业生找工作求职信
2014/08/05 职场文书
小学六一主持词开场白
2015/05/28 职场文书
高中军训感想
2015/08/07 职场文书
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android
nginx刷新页面出现404解决方案(亲测有效)
2022/03/18 Servers