使用ivx实现批量上传图片的经验总结
2021-03-28 04:27
标签:提交 形式 使用 字段 chm RoCE tps type log 使用ivx实现批量上传图片的经验总结 标签:提交 形式 使用 字段 chm RoCE tps type log 原文地址:https://blog.51cto.com/14556317/2484445
1.图片列表
首先需要用一个对象数组存储批量上传的图片,然后用for容器循环创建一个图片列表。每个图片后面都有一个圆框关闭的图标,可以将当前数据从对象数组中删除,当然这里的删除只是从前台的对象数组中删除。
2批量上传图片
然后就是图片上传的部分,这里使用的是文件接口组件读取多张本地图片的动作,我们可以在该动作的回调中获取到参数“读取结果”,它包含图片列表和读取失败原因两个部分,如果读取失败原因是空的就表示读取成功,而图片列表是一个对象数组的形式,“上传的图片列表”和数据库的字段都是以它为标准添加的。我们可以将其打印出来看一下。这里path是图片的URL地址,src是图片base64编码。
3.事件
最后在点击事件中我们将文件接口的回调参数赋值给“上传你的图片列表”,再将“上传的图片列表”提交到数据库中即可。
上一篇:一个前端写的php博客系统--支持markdown哦
下一篇:JSP面试题
文章标题:使用ivx实现批量上传图片的经验总结
文章链接:http://soscw.com/index.php/essay/68889.html