选择多张图片的方案

适用场景

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、获取遍历轮询的数据,

选择多张图片的方案_第1张图片

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

一些感想 

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

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

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

1、不能总沉迷于开发;

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

3、相信、勤奋和坚持;

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

你可能感兴趣的:(前端开发,javascript,前端,开发语言)