当前页需要两处图片预览,input有值,ul预览区是空的

user_cc 3月前 125

在当前页需要样图预览,还有上传的效果图的预览,都不再需要上传功能,只需要一个预览就可以。
1.样图的:
<div class="form-group">
<label for="c-file_ids" class="control-label col-xs-12 col-sm-2">结果样图:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-file_ids" class="form-control" size="50" name="row[file_ids]" type="hidden" value="{$row.file_ids}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-image" class="btn btn-danger plupload" style="display:none" data-input-id="c-file_ids" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-preview-id="p-file_ids" data-multiple="true" data-multiple="true">上传</button></span>
</div>
<span class="msg-box n-right" for="c-file_ids"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-file_ids" data-template="customtpl"></ul>
</div>
</div>
2.效果图的:
<div class="form-group">
<label for="c-file_id" class="control-label col-xs-12 col-sm-2">任务效果图:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-file_id" class="form-control" size="50" name="row[file_id]" type="hidden" value="{$take_info.file_id}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" style="display:none;" id="plupload-image1" class="btn btn-danger plupload" data-input-id="c-file_id" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-preview-id="p-file_id" data-multiple="true" data-multiple="true">上传</button></span>
</div>
<span class="msg-box n-right" for="c-file_id"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-file_id"></ul>
</div>
</div>
不知道是不是书写不规范的原因,只要预览都不显示。
在线求助~~https://cdn.forum.fastadmin.net/uploads/201802/28/33883347f4c342c7d261a025bdf6c1e2

最新回复 (5)
  • Karson 打赏 3月前
    感谢TA
    0 引用 2

    @user_cc 如果只是预览,何苦写这个多代码,直接

    <img src="__CDN__{$take_info.file_id}" />

    即可。

  • user_cc 楼主 3月前
    感谢TA
    0 引用 3

    @Karson
    谢谢,如果是多张图片呢,用逗号隔开的。

  • jinmei 3月前
    感谢TA
    0 引用 4

    请问一下input里面的值是怎么拿到的

  • jinmei 3月前
    感谢TA
    0 引用 5

    上传图片的请求路径是从哪里发过去的

  • 未登录
    7
返回
发表回复