使用ivx实现批量上传图片的经验总结

时间：2020-04-02 22:55:48 阅读：107 评论：0 收藏：0 [点我收藏+]

通常我们使用上传图片都是上传单张，在ivx中其实也提供了批量上传图片的功能，今天就讲一下批量上传图片的具体操作。
技术图片

1.图片列表
首先需要用一个对象数组存储批量上传的图片，然后用for容器循环创建一个图片列表。每个图片后面都有一个圆框关闭的图标，可以将当前数据从对象数组中删除，当然这里的删除只是从前台的对象数组中删除。
技术图片

2批量上传图片
然后就是图片上传的部分，这里使用的是文件接口组件读取多张本地图片的动作，我们可以在该动作的回调中获取到参数“读取结果”，它包含图片列表和读取失败原因两个部分，如果读取失败原因是空的就表示读取成功，而图片列表是一个对象数组的形式，“上传的图片列表”和数据库的字段都是以它为标准添加的。我们可以将其打印出来看一下。这里path是图片的URL地址，src是图片base64编码。
技术图片

3.事件
最后在点击事件中我们将文件接口的回调参数赋值给“上传你的图片列表”，再将“上传的图片列表”提交到数据库中即可。
技术图片

使用ivx实现批量上传图片的经验总结

标签：提交形式使用字段 chm RoCE tps type log

原文地址：https://blog.51cto.com/14556317/2484445

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行