迅睿框架 版主:迅睿框架研发组
新建的图集字段,怎么调用远程附件URL
类型:迅睿CMS 更新时间:2025-05-17 15:11:45 远程附件

新建的图集字段,怎么调用远程附件URL

回帖
  • 迅睿官方创始人
    #1楼    迅睿官方创始人
    2025-05-15 09:17:48
    Chrome 0
    具体说说看,你这几段文字,我猜不出来你的用途是什么
  • 迅睿CMS幼儿园同学
    #2楼    迅睿CMS幼儿园同学
    2025-05-15 09:30:40
    Chrome 0
    迅睿官方创始人 我在后台做了个产品栏目,在主表,新建了图集字段(这个图集上传了多个图片)在前台展示。前台显示,调用代码如下:
    						<div id="pg-img" class="jqzoom product-img">
    							<li><img alt="{$title}" src="{dr_get_file($thumb)}" jqimg="{dr_get_file($thumb)}"></li>
    						</div>
    						<div id="pg-list">
    							<a href="javascript:;" class="pg-control sc-prev" id="pg-forward"></a>
    							<a href="javascript:;" class="pg-control sc-next" id="pg-backward"></a>
    							<div class="pg-items">
    								<ul class="lh clearfix">
    									<?php $tupianji = dr_arraycut($tupianji, 10);?>
    									<?php $myimg = $tupianji; if ($myimg) { $key=0; foreach ($myimg as $c) { ?>
    									<li><img src="{dr_thumb($c, 58, 58)}" data-url="{dr_thumb($c, 400, 400)}"></li>
    									{php $myfile=\Phpcmf\Service::C()->get_attachment($c);}
    									<?php $key++;} } ?>
    								</ul>
    							</div>
    						</div>
    					</div>
    以上代码调用后的纯html如下:
    <div class="pg-items">
    	<ul class="lh clearfix">
    		<li>
    			<img src="/uploadfile/thumb/94/f8/98f13708210194c475687be6106a3b84/58x58_auto.jpg" data-url="/uploadfile/thumb/94/f8/98f13708210194c475687be6106a3b84/400x400_auto.jpg">
    		</li>
    		<li>
    			<img src="/uploadfile/thumb/39/57/3c59dc048e8850243be8079a5c74d079/58x58_auto.jpg" data-url="/uploadfile/thumb/39/57/3c59dc048e8850243be8079a5c74d079/400x400_auto.jpg">
    		</li>
    		<li>
    			<img src="/uploadfile/thumb/b9/db/b6d767d2f8ed5d21a44b0e5886680cb9/58x58_auto.jpg" data-url="/uploadfile/thumb/b9/db/b6d767d2f8ed5d21a44b0e5886680cb9/400x400_auto.jpg">
    		</li>
    		<li>
    			<img src="/uploadfile/thumb/3d/6c/37693cfc748049e45d87b8c7d8b9aacd/58x58_auto.jpg" data-url="/uploadfile/thumb/3d/6c/37693cfc748049e45d87b8c7d8b9aacd/400x400_auto.jpg">
    		</li>
    		<li>
    			<img src="/uploadfile/thumb/1f/f5/1ff1de774005f8da13f42943881c655f/58x58_auto.jpg" data-url="/uploadfile/thumb/1f/f5/1ff1de774005f8da13f42943881c655f/400x400_auto.jpg">
    		</li>
    		<li>
    			<img src="/uploadfile/thumb/8c/2e/8e296a067a37563370ded05f5a3bf3ec/58x58_auto.jpg" data-url="/uploadfile/thumb/8c/2e/8e296a067a37563370ded05f5a3bf3ec/400x400_auto.jpg">
    		</li>
    		<li>
    			<img src="/uploadfile/thumb/47/77/4e732ced3463d06de0ca9a15b6153677/58x58_auto.jpg" data-url="/uploadfile/thumb/47/77/4e732ced3463d06de0ca9a15b6153677/400x400_auto.jpg">
    		</li>
    	</ul>
    </div>
    </div>
    </div>
    其中,以下代码调用的远程缩略图url
    <img src="{dr_get_file($thumb)}" jqimg="{dr_get_file($thumb)}">
    我想把以下代码中这个(data-url="{dr_thumb($c, 400, 400)}")中的图集也用远程附件URL展示,现在调用后显示的是(data-url="/uploadfile/thumb/94/f8/98f13708210194c475687be6106a3b84/400x400_auto.jpg")。(因为本地图片加载太慢太卡影响加载速度),目前 data-url="{dr_thumb($c, 400, 400)}" 设置400勉强加载可行,但是图片放大不够清晰,原图是1280px。
    									<?php $tupianji = dr_arraycut($tupianji, 10);?>
    									<?php $myimg = $tupianji; if ($myimg) { $key=0; foreach ($myimg as $c) { ?>
    									<li><img alt="{$title}" src="{dr_thumb($c, 58, 58)}" data-url="{dr_thumb($c, 400, 400)}"></li>
    									{php $myfile=\Phpcmf\Service::C()->get_attachment($c);}
    									<?php $key++;} } ?>
    所以想在show.html页面,用图集调用出远程附件的url {dr_thumb($c, 400, 400)} ,我试过用标签调用到远程附件过,但是只能调用第一张图(可能调用的只是缩略图了,所以只显示第一张)。
    总结:想在show.html页面调用图集(通过远程附件url)进行调用,而非以上代码调用的本地url
  • 幼儿园同学
    #3楼    幼儿园同学
    2025-05-15 09:39:13
    Chrome 0
    迅睿官方创始人 还有就是在后台新建的模块,使用图集功能上传了多张图片以后,后台模块列表也显示的是本地图片,加载太慢,都想以远程附件的形式进行调用展示。如图:
    image
  • 迅睿官方创始人
    #4楼    迅睿官方创始人
    2025-05-15 10:42:56
    Chrome 0
    <li><img alt="{$title}" src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"></li>
    
    把缩略图函数改成原图直出函数就行了
  • 迅睿官方创始人
    #5楼    迅睿官方创始人
    2025-05-15 10:43:58
    Chrome 0
    那就不要把这个字段放在列表里面显示,远程图片多了延迟也很厉害,列表卡顿不方便阅读
  • 幼儿园同学
    #6楼    幼儿园同学
    2025-05-15 11:25:31
    Chrome 0
    迅睿官方创始人
    <li><img alt="{$title}" src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"></li>
    整体调用代码如下:
    <div class="pg-items">
    	<ul class="lh clearfix">
    		<?php $tupianji = dr_arraycut($tupianji, 10);?>
    		<?php $myimg = $tupianji; if ($myimg) { $key=0; foreach ($myimg as $c) { ?>
    		<li>
    			<img src="{dr_get_file($c)}" data-url="{dr_get_file($c)}">
    		</li>
    		{php $myfile=\Phpcmf\Service::C()->get_attachment($c);}
    		<?php $key++;} } ?>
    	</ul>
    </div>
    </div>
    </div>
    您这个调用的方式是原图本地图集url,非远程附件的url。以下是调用后的HTML
    <div class="pg-items">
    	<ul class="lh clearfix">
    		<li>
    			<img src="/uploadfile/202505/031dd2b3e53b4.jpg" data-url="/uploadfile/202505/031dd2b3e53b4.jpg">
    		</li>
    		<li>
    			<img src="/uploadfile/202505/39f9b488f709eec.jpg" data-url="/uploadfile/202505/39f9b488f709eec.jpg">
    		</li>
    		<li>
    			<img src="/uploadfile/202505/35149474e4fbe18.jpg" data-url="/uploadfile/202505/35149474e4fbe18.jpg">
    		</li>
    		<li>
    			<img src="/uploadfile/202505/97d34fc11b2d090.jpg" data-url="/uploadfile/202505/97d34fc11b2d090.jpg">
    		</li>
    	</ul>
    </div>
    </div>
    </div>
  • 幼儿园同学
    #7楼    幼儿园同学
    2025-05-15 11:25:49
    Chrome 0
    迅睿官方创始人 好的,了解。
  • 幼儿园同学
    #8楼    幼儿园同学
    2025-05-15 11:35:36
    Chrome 0
    迅睿官方创始人 新建自定义图集字段,不能调用图集的每张图远程url吗
  • 幼儿园同学
    #9楼    幼儿园同学
    2025-05-15 11:47:51
    Chrome 0
    迅睿官方创始人
    image
  • 玖爱一生
    #10楼    玖爱一生
    2025-05-15 12:01:58
    Chrome 0
    改成dr_get_file就是原图了
  • 幼儿园同学
    #11楼    幼儿园同学
    2025-05-15 13:42:22
    Chrome 0
    玖爱一生 他这个是原图,
    <li><img alt="{$title}" src="{dr_get_file($c)}" data-url="{dr_get_file($c)}"></li>
    
    把缩略图函数改成原图直出函数就行了
    但我想要的是 图集图片是远程url
  • 小鱼儿
    #12楼    小鱼儿
    2025-05-15 15:33:02
    Edge 0
    你用dr_thumb就是裁剪的缩略图,自己可以打开对应地址看大小,如果没生效说明图片太大了,无法裁剪
  • 幼儿园同学
    #13楼    幼儿园同学
    2025-05-15 16:06:50
    Chrome 0
    小鱼儿 不是缩略图的大小问题。我是想在show页面调用图集的远程图片url
  • 小鱼儿
    #14楼    小鱼儿
    2025-05-15 17:05:04
    Edge 0
    哪来的远程url,如果是填写的url,那你直接调用$c就行,自己上传的图片,要么就调用裁剪的缩略图,要么就调用图片原地址dr_get_file,这些图片又不是你本地的,是服务器的相对路径,想要完整地址自己在前面加个域名就行了
  • 幼儿园同学
    #15楼    幼儿园同学
    2025-05-17 15:11:25
    Chrome 0
    解决方案:关掉附件的绝对路径,改成相对路径。在
    data-url="{dr_get_file($c)}">
    "加上自己附件服务器url{dr_get_file($c)}"
    满意答案
  • asqq8
    #16楼    asqq8
    2025-05-17 15:11:45
    Chrome 0
    @幼儿园同学:自己已解决