javascript - 關(guān)于bootstarp-fileinput初始化預(yù)覽問(wèn)題
問(wèn)題描述
我想初始化fileinput的時(shí)候直接現(xiàn)實(shí)已有的圖片,這個(gè)圖片是從ajax訪問(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ù)組,但為什么下面這樣寫后,卻把所有數(shù)組合并成了一個(gè)?
$.get(url,function(res){ $('#fileupload').fileinput({initialPreview: [ res.img],initialPreviewAsData: true,deleteUrl: '/site/file-delete',overwriteInitial: true, })})
最后得到的結(jié)果卻是
<img src='http://www.cgvv.com.cn/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. angular.js - angularjs的自定義過(guò)濾器如何給文字加顏色?2. angular.js - angular內(nèi)容過(guò)長(zhǎng)展開(kāi)收起效果3. 關(guān)于docker下的nginx壓力測(cè)試4. docker鏡像push報(bào)錯(cuò)5. 關(guān)于nginx location配置的問(wèn)題,root到底是什么6. linux - openSUSE 上,如何使用 QQ?7. 并發(fā)模型 - python將進(jìn)程池放在裝飾器里為什么不生效也沒(méi)報(bào)錯(cuò)8. 大家好,請(qǐng)問(wèn)在python腳本中怎么用virtualenv激活指定的環(huán)境?9. python的前景到底有大?如果不考慮數(shù)據(jù)挖掘,機(jī)器學(xué)習(xí)這塊?10. linux - 升級(jí)到Python3.6后GDB無(wú)法正常運(yùn)行?
