选择多张图片的方案

适用场景

1、微信公众号开发,代替wx.chooseImage,选择多张图片上传自己服务器;

2、常规的javascript的开发,选择多张图片上传到自己的服务器;

3、扩展到vue和react等框架使用;

整体思路

1、使用input控件的控件,或者通过click调用input的函数,调用选择多张图片

2、onChange函数获得要上传的图片数组

3、通过数组遍历,上传到服务器

具体执行

1、input的函数,添加一个属性 multiple ,产生选择多张图片的功能;

2-1、点击input的控件,选择图片多张图片

2-2、点击button的click,选择多张图片,需要button的函数中添加

document.querySelector('#upload_files_input').click();

3、获取遍历轮询的数据,

4、根据上传结束的数据,进行其他业务。

一些感想 

软件开发将近十年了,哈哈哈差个一两年,我自己的生活也产生了变化。

刚毕业是也曾英气风发,目前也渐渐越发朴素现实了很多。

致所有程序员,要加油,说真的整篇文章,只是为了最后这一些感想。

1、不能总沉迷于开发;

2、要脱掉大褂尝试穿上短衫;

3、相信、勤奋和坚持;

4、永远居安思危,永远热泪盈眶。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值