前端H5与后台TP5一起搞的,七牛云批量上传图片到服务器!!!

七牛云上传这块,是这几天考虑比较多的一个地方,因为在我之前已经有同事写过上传文件了,但现在需要把文件上传到七牛云然后让前端将七牛云的文件路径给我,我只需要将文件或图片存到数据库就行,这样就解决服务器的压力

期间遇到的问题

 前端上传七牛云用到的模块:https://www.apicloud.com/mod_detail/15509

前端H5与后台TP5一起搞的,七牛云批量上传图片到服务器!!!

前端的同胞们可以参考一下,下面是代码图

前端H5与后台TP5一起搞的,七牛云批量上传图片到服务器!!!

在上传的时候,七牛云是可以支持单文件上传的,那都是小事,主要的是:七牛云的批量上传 当时遇到的问题是写完for循环后,是读不出来的,是因为之前<img  src="${imgArray[j]}"> 标签里面加了双引号的标签,去掉之后就可以读取出来,

前端H5与后台TP5一起搞的,七牛云批量上传图片到服务器!!!

注意之前图片上的function旁边的剪头,那个是因为 js事件处理器在线程空闲时间不会运行,导致最后运行的时候i都是最后一个数,这样的话,那个if语句就没法判断了,所以要用闭包

之后我后台就直接接收数据存到数据库就可以,完全不用干其他的,感觉自己好.....

前端H5与后台TP5一起搞的,七牛云批量上传图片到服务器!!!

后台根据自己的数据改一下就可以

前端H5与后台TP5一起搞的,七牛云批量上传图片到服务器!!!

期间都是我跟前端一起商量如何上传的,因为我们写的这个项目是已经写到一半,中途给我们的,所以看前面同事写的代码很费劲,连个注释都没有,让我们前端妹子考虑了好久,在这里,对她真诚的说一句“对不起”,

这个笔记本来 是前端来写的,但是人家不想写,只好交给我来写了,她只给我说了这么多,如果有问题发私信给我,我会帮你们问一下前端H5的,不说了,下班,明天要搞直播了,完全没思路