uiupload 圖片上傳

【基礎(chǔ)用法】

標(biāo)簽：uiupload

描述：圖片上傳，使用時(shí)結(jié)合html一起才能完成可視化布局，只針對(duì)具有可視化功能的模板。

用法：

{eyou:uiupload e-id='必須與上面的數(shù)字ID一致' e-page='必須與上面的文件模板名一致' id='field'}

{$field.value}

{eyou:else /}

{/eyou:uiupload}

</a>

屬性：

e-id='' 每個(gè)模板文件里唯一的數(shù)字ID，必須與uihtml標(biāo)簽外層的html元素標(biāo)簽e-id保持一致

e-page='' 頁(yè)面分組，假設(shè)模板文件是index.htm，那么e-page的值是index

id='' 可以任意指定循環(huán)里的變量名替代field，假設(shè)id='field1'，模板調(diào)用如：{$field.value} 變成 {$field1.value}

涉及表字段：

無(wú)

【更多示例】

-------------------------------示例1--------------------------------

描述：在模板文件index.htm中調(diào)用uiupload標(biāo)簽，實(shí)現(xiàn)指定圖片區(qū)域可視化上傳的效果。

<!DOCTYPE html>

<html>

<head>

<title>EyouCms企業(yè)建站系統(tǒng)</title>

</head>

<body>

<div>

{eyou:uiupload e-id='300' e-page='index' id='field'}

{$field.value}

{eyou:else /}

{/eyou:uiupload}

</a>

</div>

{eyou:ui open='off' /}

</body>

</html>

-------------------------------示例2--------------------------------

描述：在模板文件lists_article.htm中調(diào)用uiupload標(biāo)簽，實(shí)現(xiàn)指定圖片區(qū)域可視化上傳的效果。

<!DOCTYPE html>

<html>

<head>

<title>EyouCms企業(yè)建站系統(tǒng)</title>

</head>

<body>

<div>

{eyou:uiupload e-id='300' e-page='lists_article' id='field'}

{$field.value}

{eyou:else /}

{/eyou:uiupload}

</a>

</div>

{eyou:ui open='off' /}

</body>

</html>

-------------------------------示例3--------------------------------

描述：在模板文件index.htm中，多處調(diào)用uiupload標(biāo)簽的寫(xiě)法。

<!DOCTYPE html>

<html>

<head>

<title>EyouCms企業(yè)建站系統(tǒng)</title>

</head>

<body>

<div>

{eyou:uiupload e-id='300' e-page='index' id='field'}

{$field.value}

{eyou:else /}

{/eyou:uiupload}

</a>

{eyou:uiupload e-id='301' e-page='index' id='field'}

{$field.value}

{eyou:else /}

{/eyou:uiupload}

</a>

</div>

{eyou:ui open='off' /}

</body>

</html>

-------------------------------示例4--------------------------------

描述：在模板文件index.htm中，多處調(diào)用uiupload標(biāo)簽的寫(xiě)法，只在html最外層元素指定一次e-page屬性值。

<!DOCTYPE html>

<html>

<head>

<title>EyouCms企業(yè)建站系統(tǒng)</title>

</head>

<body>

<div e-page='index'>

{eyou:uiupload e-id='300' e-page='index' id='field'}

{$field.value}

{eyou:else /}

{/eyou:uiupload}

</a>

{eyou:uiupload e-id='301' e-page='index' id='field'}

{$field.value}

{eyou:else /}

{/eyou:uiupload}

</a>

</div>

{eyou:ui open='off' /}

</body>

</html>

文檔最后更新時(shí)間：2023-10-24 11:58:40

← uihtml 富文本 uitype 欄目調(diào)用 →

uiupload 圖片上傳

目錄