适用场景
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、永远居安思危,永远热泪盈眶。