介绍 & lt; style 类型=拔谋?css"比;
# detailTbody 才能tr: hover {
,,,背景:,# fff;
,,}
.layui-form-label {才能
,,,宽度:,110 px;
,,}
.uploader-list {才能
,,,margin-left:, -15 px;
,,}
.uploader-list 才能;.info {
,,,位置:,相对;
,,,margin-top:, -25 px;
background - color,,,:,黑色;
,,,颜色:,白色;
,,,过滤器:,α(不透明度=80);
,,,-moz-opacity:, 0.5;
,,,不透明度:,0.5;
,,,宽度:,100 px;
,,,身高:,25 px;
,,,text-align:,中心;
,,,显示:,没有;
,,}
.uploader-list 才能;.handle {
,,,位置:,相对;
background - color,,,,, # ff6a00;
,,,颜色:,白色;
,,,过滤器:,α(不透明度=80);
,,,-moz-opacity:, 0.5;
,,,宽度:,100 px;
,,,text-align:,;
,,,身高:,18 px;
,,,margin-bottom:, -18 px;
,,,显示:,没有;
,,}
.uploader-list 才能.handle span {
,,,margin-right:, 5 px;
,,}
.uploader-list 才能;.handle 跨度:hover {
,,,光标:,指针;
,,}
.uploader-list 才能;.file-iteme {
,,,保证金:,12 px 0, 0, 15 px;
,,,填充:,1 px;
,,,:浮动,离开;
,,}
& lt;/style>
,,,& lt; div 类=發ayui-upload"比;
,,,,,,,
,,,,,& lt; button 类型=癰utton",类=發ayui-btn layui-btn-warm", id=皌est2"在单据上传(可上传多张)& lt;/button>
,,,,,& lt; blockquote 类=發ayui-elem-quote layui-quote-nm",在
,,,,,,,,,预览图:
,,,,,,,,,
,,,,,,,& lt; div 类=發ayui-upload-list uploader-list",, id=皍ploader-list"比;
,,,,,,,,,& lt; div id=啊?类=癴ile-iteme", th:每个=癷mg : $ {data.orderVoucher}“比;
,,,,,,,,,,,& lt; div 类=癶andle"祝辞& lt;小姐:类=發ayui-icon",祝辞,# xe640; & lt;/i>
,,,,,,,,,,,& lt;/div>
,,,,,,,,,,,& lt; img https://www.yisu.com/zixun/th: src=" $ {img} " alt="单据“宽度=" 100 "高度=" 100 " onclick=" showBig(这)">
这篇文章给大家分享的是有关layui中如何实现图片虚拟路径上传功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
<>强效果如下所示:
<强>前端:
