javascript - 關(guān)于bootstarp-fileinput初始化預(yù)覽問(wèn)題
問(wèn)題描述
我想初始化fileinput的時(shí)候直接現(xiàn)實(shí)已有的圖片,這個(gè)圖片是從ajax訪(fǎng)問(wèn)得到的,而且是一個(gè)數(shù)組。
$.get(url,function(res){//圖片地址是res.img,這是一個(gè)數(shù)組 $('#fileupload').fileinput({initialPreview: [ //發(fā)現(xiàn)這里不能使用for循環(huán)res.img,應(yīng)該怎么辦?],initialPreviewAsData: true,deleteUrl: '/site/file-delete',overwriteInitial: true, })})
以下是原型:
$.get(url,function(res){ $('#fileupload').fileinput({initialPreview: [ ’http://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/631px-FullMoon2010.jpg’, ’http://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Earth_Eastern_Hemisphere.jpg/600px-Earth_Eastern_Hemisphere.jpg’],initialPreviewAsData: true,deleteUrl: '/site/file-delete',overwriteInitial: true, })})
以下是json數(shù)據(jù)
{goods_id: 9, goods_name: '產(chǎn)品測(cè)試4', cat_id: 40, sku_id: '888888888888', goods_encode: '77777777777',…}addtime:1496837803cat_id:40goods_barcode:'66666666666'goods_desc:nullgoods_encode:'77777777777'goods_id:9goods_image:'/uploads/product/20170607/d60bf37e6c381c8b52be22e63217bc1c.jpg;/uploads/product/20170607/2cb078c49125ff42fbf13bee19a0e64c.jpg;'goods_name:'產(chǎn)品測(cè)試4'img:['/uploads/product/20170607/d60bf37e6c381c8b52be22e63217bc1c.jpg',…]0:'/uploads/product/20170607/d60bf37e6c381c8b52be22e63217bc1c.jpg'1:'/uploads/product/20170607/2cb078c49125ff42fbf13bee19a0e64c.jpg'index:1size:['37', '33', '35', '38', '39']sizes:'37,33,35,38,39'sku_id:'888888888888'status:1updatetime:null
initialPreview明明可以直接接收數(shù)組,我上面的json數(shù)據(jù)也顯示img確實(shí)是數(shù)組,但為什么下面這樣寫(xiě)后,卻把所有數(shù)組合并成了一個(gè)?
$.get(url,function(res){ $('#fileupload').fileinput({initialPreview: [ res.img],initialPreviewAsData: true,deleteUrl: '/site/file-delete',overwriteInitial: true, })})
最后得到的結(jié)果卻是
<img src='http://www.baoyu77737.com/uploads/product/20170607/d60bf37e6c381c8b52be22e63217bc1c.jpg,/uploads/product/20170607/2cb078c49125ff42fbf13bee19a0e64c.jpg' alt='Desert.jpg' style='width:auto;height:160px;'>
正確的應(yīng)該是兩張圖片才對(duì)啊
問(wèn)題解答
回答1:initialPreview: res.img,
相關(guān)文章:
1. 關(guān)于docker下的nginx壓力測(cè)試2. angular.js - angular內(nèi)容過(guò)長(zhǎng)展開(kāi)收起效果3. java - EventBus 3.0 nullPoint異常?4. docker鏡像push報(bào)錯(cuò)5. docker - 如何修改運(yùn)行中容器的配置6. javascript - fis3使用MD5但是如何引用?7. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題8. 為什么我ping不通我的docker容器呢???9. css - 怎么實(shí)現(xiàn)一個(gè)圓點(diǎn)在一個(gè)范圍內(nèi)亂飛10. javascript - JAVA寫(xiě)的H5頁(yè)面能否解釋一下流程

網(wǎng)公網(wǎng)安備