批量上传图片教程

* 此教程为ih5 3.0版本，因为4.0已经支持多图支持了……

=====割割=====

前言：3.0数据库(下文简称: 数据库)虽然不支持多图上传，但是支持Excel文件的导入，这就给了解决方案的可行性，换句说就是将图片链接插入Excel，再导入数据库即可……这就将多图上传的问题转成了如何获取图片链接……

解决方案1：

将图片批量上传到自己的服务器，再获取链接即可！

优点：可以自定义名字，覆盖图片不会改变链接，可操作性强……

缺点：不是每个人都自己的服务器！

解决方案2：

通过ih5自身的数据库获取链接！

优点：简单易行……

缺点：不能自定义名字，改图片需重新上传!

=====通过ih5自身获取图片链接的几种尝试=====

前两种失败，可以直接看第三种

尝试1（直接将图片拖入舞台获取）

step1：准备几张测试图片，并拖入ih5的舞台上……

step2：点击预览，并打开开发者模式，查看图片链接

可以看到直接拖入的图片有些不是URL格式的，而是base64数据……

所以

……

尝试1惨败！

尝试2（通过循环事件来上传到数据库）

step1：在舞台上加个容器来放拖入的图片，然后加个数据库和上传按钮……

step2：在上传按钮上添加循环事件……

选对象循环

对象范围:放图片的容器

类型:

动作:数据库提交图片的URL

step3：预览点击上传按钮后，回到数据库查看，貌似可以哦…不过……

极限测试……

果然……

当批量上传太多的时候会弹出警告…

而且顺序是乱的……

所以

……

尝试2失败！

尝试3（加数组过渡，提交多条数据）

step1：在原来的基础上添加个二维数组，和一个计数器（记录循环次数）

step2：在舞台初始化添加循环事件……

选对象循环

对象范围:放图片的容器

类型:

动作:数组填充行，行数为计数器的值，值为图片的URL

step3：预览查看，已经正确读取到了图片数量（即为循环次数）

step4：打开数据库查看，发现只成功提交了一张图片……

=====不知道是不是BUG的BUG说明=====

经过多次测试发现事件逻辑是没问题的

而且这个是偶然事件，不是每次都会这样

如果你测试没问题则直接跳到step5

如果也出现同样的问题则接着往下看……

step4-1：添加一个按钮和计数器，并设置数组行数为100……

step4-2：按钮添加事件……

点击输出数组的行数到计数器（理论结果计数器的值应该为100）……

step4-3：预览点击测试，发现实际的输出值居然为0……

安布里尔波……

解决方法

step4-4：先在数组里导入一些数据，并预览点击……

（显示的值为导入的行，而并非设置的100）

step4-5：然后点击数组里的清空数据…然后再预览点击，发现居然正常了…

（行数依旧设置为100）

不要问我，为什么，我也一脸懵！捂脸笑.jpg

=====/不知道是不是BUG的BUG说明=====

step5：一切正常后，回到数据库查看……

图片已经批量上传成功了，而且顺序也相对正常（目前测试是）

然后将这些图片链接的数据导出到Excel……

再用公式把链接加个前缀就可以了

(已有前缀的无需添加)

3.0的文件前缀为‘’

尝试3成功！

后续：

极限测试，经测试批量上传的数量，目测好像没有限制……

数量由数组的行数值决定……

=====END=====