WebUploader初始化图片

本文介绍如何在JS中处理从后端获取的图片信息数据,包括主键、名称、大小及URL等,并通过具体步骤说明如何利用WebUploader进行图片的初始化和上传操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.初始化图片

此例为借鉴一个公司同事大神(cy)的想法,copy大神的图。。
js中获取后端返回的图片信息数据。包括,主键,名称。大小,url等。

主要步骤如下,根据系统配置进行修改,只提供思路。直接复制无法实现

1.1 designerMeasureInfoVo.attachmentList  获取的是图片列表。包含1到n个图片。使用for循环遍历

1.2.定义一个json对象为obj。

1.3  初始化obj对象,大致参数为主键,名称。大小,url等。具体的参数名称需要查看系统本身的WebUploader.本身的js配置文件,对照参数。

1.4  定义一个webUploader的文件,使用var file = new WebUploader.File(obj); 

1.5  设置状态 file.setStatus('complete');

1.6.  调用WebUploader上传图片队列方法。addFile(file),添加文件完成。其中uploader为实例化WebLoader的对象

1.7.需要注意的js加载顺序问题

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值