PHP如果解析json数组把图片直接显示在前端页面上

Question

问题描述

json 数据如下
如何把json 里面的 data里面的pcDescContent图片链接提取出来，然后显示在网页上只有图片,本人小白，请大神直接在下面贴出需要的代码，谢谢！

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
{"code":200,"data":{"sellerId":"2453780922","pcDescContent":"<img class="desc_anchor" id="desc-module-1" src="//assets.alicdn.com/kissy/1.0.0/build/imglazyload/spaceball.gif"><p><img src="//img.alicdn.com/imgextra/i3/2453780922/O1CN016wOfXd1IgJjoWeweL_!!2453780922.jpg" align="absmiddle" size="790x1013"><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01Ejuur21IgJix0m5GK_!!2453780922.jpg" align="absmiddle" size="790x1116"><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01vlttGu1IgJitv4qIt_!!2453780922.jpg" align="absmiddle" size="790x1174" /></p> <p><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01GaFnLt1IgJjTTK7N3_!!2453780922.jpg" align="absmiddle" size="790x944"><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01zH7n7r1IgJiu17T0V_!!2453780922.jpg" align="absmiddle" size="790x1116"><img src="//img.alicdn.com/imgextra/i4/2453780922/O1CN01Sxu0bk1IgJiwYshMM_!!2453780922.jpg" align="absmiddle" size="790x1328"><img src="//img.alicdn.com/imgextra/i4/2453780922/O1CN01S5gnc21IgJixR5n6N_!!2453780922.jpg" align="absmiddle" size="790x1076"><img src="//img.alicdn.com/imgextra/i3/2453780922/O1CN01zdy75E1IgJiw2emDg_!!2453780922.jpg" align="absmiddle" size="790x1108"><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01CqlTE11IgJiu17w9M_!!2453780922.jpg" align="absmiddle" size="790x1142"><img src="//img.alicdn.com/imgextra/i1/2453780922/O1CN01YnPO8h1IgJiu17GZg_!!2453780922.jpg" align="absmiddle" size="790x866"><img src="//img.alicdn.com/imgextra/i3/2453780922/O1CN01PzexIk1IgJitv5z4b_!!2453780922.jpg" align="absmiddle" size="790x970"><img src="//img.alicdn.com/imgextra/i4/2453780922/O1CN01uSKkwL1IgJixR8PDD_!!2453780922.jpg" align="absmiddle" size="790x1286"><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01DQ4KkZ1IgJix0mUHV_!!2453780922.jpg" align="absmiddle" size="790x1264"><img src="//img.alicdn.com/imgextra/i4/2453780922/O1CN01Er3auv1IgJiu17fYm_!!2453780922.jpg" align="absmiddle" size="790x842"><img src="//img.alicdn.com/imgextra/i4/2453780922/O1CN01oDm9Sh1IgJix0nh9f_!!2453780922.jpg" align="absmiddle" size="790x1142"><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01GnIa5v1IgJitGbhGl_!!2453780922.jpg" align="absmiddle" size="790x1061"><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01NuHRyi1IgJiugFEat_!!2453780922.jpg" align="absmiddle" size="790x1194"><img src="//img.alicdn.com/imgextra/i3/2453780922/O1CN01iTOVIW1IgJirsDRAE_!!2453780922.jpg" align="absmiddle" size="790x1029"><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01nezTtQ1IgJivK8TbK_!!2453780922.jpg" align="absmiddle" size="790x810"><img src="//img.alicdn.com/imgextra/i4/2453780922/O1CN01gboLzI1IgJivKA5PW_!!2453780922.jpg" align="absmiddle" size="790x984"><img src="//img.alicdn.com/imgextra/i3/2453780922/O1CN015Ny9681IgJirsDq8T_!!2453780922.jpg" align="absmiddle" size="790x1170"><img src="//img.alicdn.com/imgextra/i4/2453780922/O1CN01k74CBS1IgJitcKxGv_!!2453780922.jpg" align="absmiddle" size="790x888"><img src="//img.alicdn.com/imgextra/i4/2453780922/O1CN01ysPaXF1IgJitcLMDr_!!2453780922.jpg" align="absmiddle" size="790x980"><img src="//img.alicdn.com/imgextra/i3/2453780922/O1CN01DdpUeU1IgJivC3qlb_!!2453780922.jpg" align="absmiddle" size="790x1028"><img src="//img.alicdn.com/imgextra/i1/2453780922/O1CN012YadOZ1IgJix0ntgf_!!2453780922.jpg" align="absmiddle" size="790x1200"><img src="//img.alicdn.com/imgextra/i3/2453780922/O1CN01GtIGQG1IgJivC3NfZ_!!2453780922.jpg" align="absmiddle" size="790x732"><img src="//img.alicdn.com/imgextra/i1/2453780922/O1CN01RKKPnN1IgJiu1J4rD_!!2453780922.jpg" align="absmiddle" size="790x1038"><img src="//img.alicdn.com/imgextra/i3/2453780922/O1CN01vhHUIT1IgJitGbdBF_!!2453780922.jpg" align="absmiddle" size="790x782"><img src="//img.alicdn.com/imgextra/i2/2453780922/O1CN01gVJkx31IgJiw2irwO_!!2453780922.jpg" align="absmiddle" size="790x990"><img src="//img.alicdn.com/imgextra/i4/2453780922/O1CN01Z68yVt1IgJimKh38b_!!2453780922.jpg" align="absmiddle" size="790x783"><img src="//img.alicdn.com/imgextra/i3/2453780922/O1CN0186M08J1IgJirsEAwI_!!2453780922.jpg" align="absmiddle" size="790x891"> </p>","itemProperties":[{"name":"品牌","value":"FOREST GIANT/森林&巨人 "},{"name":"功能","value":"轻质 "},{"name":"闭合方式","value":"系带 "},{"name":"尺码","value":"36 37 38 39 40 41 42 43 44 45 46 "},{"name":"图案","value":"纯色 "},{"name":"风格","value":"休闲 "},{"name":"细分风格","value":"运动休闲 "},{"name":"流行元素","value":"素面 "},{"name":"鞋跟高","value":"平跟(小于等于1cm) "},{"name":"颜色分类","value":"天空灰 时尚黑 苹果绿 兵马俑 天空灰加绒 苹果绿加绒 时尚黑加绒 兵马俑加绒 1902黑色 1902黑白色 1902红色 1902白色 "},{"name":"货号","value":"xxg83 "},{"name":"低帮鞋品名","value":"运动户外鞋 "},{"name":"季节","value":"春秋 "},{"name":"上市年份季节","value":"2019年秋季 "},{"name":"鞋头款式","value":"圆头 "},{"name":"场合","value":"运动休闲 "},{"name":"跟底款式","value":"厚底 "},{"name":"鞋底材质","value":"MD "},{"name":"鞋面内里材质","value":"网纱 "},{"name":"适用对象","value":"青年（18-40周岁） "},{"name":"鞋制作工艺","value":"胶粘鞋 "},{"name":"鞋面材质","value":"织物 "},{"name":"鞋垫材质","value":"PU "},{"name":"款式","value":"运动休闲鞋 "},{"name":"销售渠道类型","value":"纯电商(只在线上销售) "}],"anchors":[{"name":"产品介绍","value":"desc-module-1"}]},"msg":"数据获取成功."}

Answer 1

虽然你是小白，但请不要做伸手党
json_decode
preg_match_all

Answer 2

写个简单正则

$str = '填入要搜索的字符';
$pattern = '#\/\/img.alicdn.com[A-Za-z0-9_/.!]+#'; // 正则规则 
$num = preg_match_all($pattern, $str, $res);

var_dump($res); // 匹配结果