首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

批量上传图片教程

* 此教程为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=====

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180826A02USJ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券