問題描述

我想初始化fileinput的時候直接現實已有的圖片,這個圖片是從ajax訪問得到的,而且是一個數組。

$.get(url,function(res){//圖片地址是res.img,這是一個數組 $('#fileupload').fileinput({initialPreview: [ //發現這里不能使用for循環res.img,應該怎么辦?],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數據

{goods_id: 9, goods_name: '產品測試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:'產品測試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明明可以直接接收數組,我上面的json數據也顯示img確實是數組,但為什么下面這樣寫后,卻把所有數組合并成了一個?

$.get(url,function(res){ $('#fileupload').fileinput({initialPreview: [ res.img],initialPreviewAsData: true,deleteUrl: '/site/file-delete',overwriteInitial: true, })})

最后得到的結果卻是

<img src='http://www.4tl426be.cn/uploads/product/20170607/d60bf37e6c381c8b52be22e63217bc1c.jpg,/uploads/product/20170607/2cb078c49125ff42fbf13bee19a0e64c.jpg' alt='Desert.jpg' style='width:auto;height:160px;'>

正確的應該是兩張圖片才對啊

問題解答

initialPreview: res.img,