使用ivx实现批量上传图片的经验总结
2020-04-02 18:10
706 查看
通常我们使用上传图片都是上传单张,在ivx中其实也提供了批量上传图片的功能,今天就讲一下批量上传图片的具体操作。
1.图片列表
首先需要用一个对象数组存储批量上传的图片,然后用for容器循环创建一个图片列表。每个图片后面都有一个圆框关闭的图标,可以将当前数据从对象数组中删除,当然这里的删除只是从前台的对象数组中删除。
2批量上传图片
然后就是图片上传的部分,这里使用的是文件接口组件读取多张本地图片的动作,我们可以在该动作的回调中获取到参数“读取结果”,它包含图片列表和读取失败原因两个部分,如果读取失败原因是空的就表示读取成功,而图片列表是一个对象数组的形式,“上传的图片列表”和数据库的字段都是以它为标准添加的。我们可以将其打印出来看一下。这里path是图片的URL地址,src是图片base64编码。
3.事件
最后在点击事件中我们将文件接口的回调参数赋值给“上传你的图片列表”,再将“上传的图片列表”提交到数据库中即可。
相关文章推荐
- .NET使用swfupload实现图片批量上传
- 在easyui的框架中,使用ajax实现批量上传图片到服务器
- 使用Magento导入导出功能实现批量上传带图片产品
- 使用ivx的for组件进行循环创建实现排行榜的经验总结
- 基于Metronic的Bootstrap开发框架经验总结(17)-- 使用 summernote插件实现HTML文档的编辑和图片插入操作
- .NET使用swfupload实现图片批量上传
- ASP.NET MVC中使用Dropzone.js实现图片的批量拖拽上传
- SSM中使用Kindeditor插件实现图片的批量上传与回显
- ASP.NET MVC中使用Dropzone.js实现图片的批量拖拽上传
- .NET使用swfupload实现图片批量上传
- 使用ivx的瀑布流容器显示图片经验总结
- 使用MYSQL、PHP和FLEX实现上传图片,动态在DataGrid中添加下载按钮和上传的图片.
- JQuery+ajax实现批量上传图片
- Mvc利用淘宝Kissy uploader实现图片批量上传附带瀑布流的照片墙
- 使用ASP.net(C#)批量上传图片并自动生成缩略图,文字水印图,图片水印图
- jquery 批量上传图片实现代码
- CKEditor图片上传实现详细步骤(使用Struts 2)
- Android图片缓存库使用经验总结
- Flex与.NET互操作(十五):使用FluorineFx中的字节数组(ByteArray)实现图片上传
- [网络收集]使用ASP.net(C#)批量上传图片并自动生成缩略图,文字水印图,图片水印图