微信小程序 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 解析Json字符串的性能比较分析代码
Dec 16 Javascript
jquery.tmpl JQuery模板插件
Oct 10 Javascript
json的定义、标准格式及json字符串检验
May 11 Javascript
javascript模拟实现ajax加载框实例
Oct 15 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
Dec 31 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
Angular 如何使用第三方库的方法
Apr 18 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
vue中利用iscroll.js解决pc端滚动问题
Feb 15 Javascript
jquery实现上传文件进度条
Mar 26 jQuery
浅谈Web Storage API的使用
Jun 23 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制作静态网站的模板框架(三)
2006/10/09 PHP
PHP 可阅读随机字符串代码
2010/05/26 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
JS中showModalDialog 的使用解析
2013/04/17 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
2015/05/15 Javascript
jquery无限级联下拉菜单简单实例演示
2015/11/23 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
tween.js缓动补间动画算法示例
2018/02/13 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
VUE 单页面使用 echart 窗口变化时的用法
2020/07/30 Javascript
Vue 组件的挂载与父子组件的传值实例
2020/09/02 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
用Python程序抓取网页的HTML信息的一个小实例
2015/05/02 Python
Python函数式编程指南(三):迭代器详解
2015/06/24 Python
Python中标准模块importlib详解
2017/04/16 Python
Python实现抢购IPhone手机
2018/02/07 Python
Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)
2019/05/13 Python
Win下PyInstaller 安装和使用教程
2019/12/25 Python
Python unittest框架操作实例解析
2020/04/13 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
Python Http请求json解析库用法解析
2020/11/28 Python
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
HTML5 transform三维立方体实现360无死角三维旋转效果
2014/08/22 HTML / CSS
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
自愿解除劳动合同协议书
2014/09/11 职场文书
十八大宣传标语
2014/10/09 职场文书
捐款感谢信
2015/01/20 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
小班教师个人总结
2015/02/05 职场文书
Python Parser的用法
2021/05/12 Python
python munch库的使用解析
2021/05/25 Python