关于bootstarp-fileinput初始化预览问题
我想初始化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:1496837803
cat_id:40
goods_barcode:"66666666666"
goods_desc:null
goods_encode:"77777777777"
goods_id:9
goods_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:1
size:["37", "33", "35", "38", "39"]
sizes:"37,33,35,38,39"
sku_id:"888888888888"
status:1
updatetime:null
initialPreview明明可以直接接收数组,我上面的json数据也显示img确实是数组,但为什么下面这样写后,却把所有数组合并成了一个?
$.get(url,function(res){
$("#fileupload").fileinput({
initialPreview: [
res.img
],
initialPreviewAsData: true,
deleteUrl: "/site/file-delete",
overwriteInitial: true,
})
})
最后得到的结果却是
<img src="/uploads/product/20170607/d60bf37e6c381c8b52be22e63217bc1c.jpg,/uploads/product/20170607/2cb078c49125ff42fbf13bee19a0e64c.jpg" class="file-preview-image kv-preview-data" title="Desert.jpg" alt="Desert.jpg" style="width:auto;height:160px;">
正确的应该是两张图片才对啊
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
你好。。请问您解决了。我今天用这个插件也遇到了这个问题。。按照官方给的预算初始化。但是没反应,也不报错
这个插件动态初始化时会有这个问题;预览是可以的;但是我再次选择其他图片就会替换掉;所以这边解决了问题吗;或者你使用其他插件了?