javascript - webuploader 多图上传,修改信息时,如何回显这些图片
PHP中文网
PHP中文网 2017-04-11 10:05:47
0
2
1453

现在已经实现多图上传,但是不太清楚如何在修改时回显,模拟插件添加图片,但是模拟的方法有错,

var files=[{"id":"WU_FILE_0","name":"1478598670983.jpg","type":"image/jpg","size":1523,"url":"../uploadImg/1478598670983.jpg"},{"id":"WU_FILE_1","name":"1478598674559.jpg","type":"image/jpg","size":1523,"url":"../uploadImg/1478598674559.jpg"},{"id":"WU_FILE_2","name":"1478598677967.jpg","type":"image/jpg","size":1523,"url":"../uploadImg/1478598677967.jpg"}];
                                    for(var i = 0; i < files.length; i++){  
                                        var obj ={};  
                                        statusMap = {};  
                                        fileCount++;  
                                        fileSize += files[i].size;  
                                        if ( fileCount === 1 ) {  
                                            placeholder.addClass( 'element-invisible' );  
                                            statusBar.show();  
                                        }  
                                        obj.id=files[i].id;  
                                        obj.name=files[i].name;  
                                        obj.type=files[i].type;  
                                        obj.size=files[i].size;  
                                        obj.ret=files[i].url;  
                                        obj.source=this;  
                                        obj.flog=true;  
                                        obj.status = 'complete',  
                                        obj.getStatus = function(){  
                                            return '';  
                                        }  
                                        obj.version = WebUploader.Base.version;  
                                        obj.statusText = '';  
                                        obj.setStatus = function(){  
                                            var prevStatus = statusMap[this.id];  
                                            typeof text !== 'undefined' && (this.statusText = text);  
                                            if(status !== prevStatus){  
                                                statusMap[this.id] = status;  
                                                //文件状态设置为已完成  
                                                uploader[index].trigger('statuschage',status,prevStatus);  
                                            }  
                                        }  
                                        addFile( obj,uploader[index],queue);  
                                        setState( 'ready' ,uploader[index],placeholder,queue,statusBar,jxfilePicker);  
                                        updateStatus('ready',info,fileCount,fileSize);  
                                    } 

这样图片不会出现,只会有预览中三个字,感觉思路混乱,望指点

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
刘奇

请问你这个问题难题解决了吗?

大家讲道理
//接收服务器返回信息
        //这里才是接收服务器信息的地方,如果有出错就 `return false` 来停止上传
        uploader.on( 'uploadAccept', function( file, response ) {
            var str = response._raw;
            var info = eval('(' + str + ')');
            console.log(info);
            //if ( hasError ) {
            //    // 通过return false来告诉组件,此文件上传有错。
            //    return false;
            //}
        });

服务器上传完就用它接收地址呗

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!