微信小程序 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遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 Javascript
js 操作select和option常用代码整理
Dec 13 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
JQuery中DOM实现事件移除的方法
Jun 13 Javascript
JavaScript程序设计之JS调试
Dec 09 Javascript
浅谈bootstrap源码分析之tab(选项卡)
Jun 06 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
Nov 21 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
Sep 01 Javascript
实现vuex与组件data之间的数据同步更新方式
Nov 12 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
Feb 24 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 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
substr()函数中文版
2006/10/09 PHP
PHP学习之数组的定义和填充
2011/04/17 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
thinkphp3.2.2实现生成多张缩略图的方法
2014/12/19 PHP
常见的四种POST 提交数据方式(小总结)
2015/10/08 PHP
PHP编辑器PhpStrom运行缓慢问题
2017/02/21 PHP
JS getStyle获取最终样式函数代码
2010/04/01 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
jquery全选checkBox功能实现代码(取消全选功能)
2013/12/10 Javascript
使用javascript控制cookie显示和隐藏背景图
2014/02/12 Javascript
js电话号码验证方法
2015/09/28 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
2016/10/10 Javascript
Vue监听数组变化源码解析
2017/03/09 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
vue移动UI框架滑动加载数据的方法
2018/03/12 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
python实现指定字符串补全空格的方法
2015/04/30 Python
Python插件virtualenv搭建虚拟环境
2017/11/20 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
Python (Win)readline和tab补全的安装方法
2019/08/27 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
利用CSS3 动画 绘画 圆形动态时钟
2018/03/20 HTML / CSS
Lookfantastic俄罗斯:欧洲在线化妆品零售商
2019/08/06 全球购物
String和StringBuffer的区别
2015/08/13 面试题
北京麒麟网信息技术有限公司网络游戏测试面试题
2013/09/28 面试题
婚礼答谢宴主持词
2014/03/14 职场文书
《鸿门宴》教学反思
2014/04/22 职场文书
材料物理专业求职信
2014/09/01 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python