多圖上傳插件,先上效果圖
該插件和之前的一個UploadImages 插件命名一樣只不過功能不一樣,所以不能同時使用,如果知道怎么改插件那就當我上面沒說哈。
功能列表:
多圖上傳,刪除,拖拽排序,自定義增加字段
添加擴展方式
將解壓的UploadImages放onethink根目錄/Addons 目錄 哎.....
1.修改
\Application\Admin\Common\function.php
方法 get_attribute_type
添加type數(shù)組值
'pictures' => array('上傳多圖', 'text NOT NULL'),
2.修改相關(guān)模板頁
\Application\Admin\View\Article\add.html
\Application\Admin\View\Article\edit.html
添加一個case
add 文件
<case value="pictures">
{:hook('UploadImages', array('name'=>$field['name'],'value'=>$field['value']))}
</case>
edit文件
<case value="pictures">
{:hook('UploadImages', array('name'=>$field['name'],'value'=>$data[$field['name']]))}
</case>
如果出現(xiàn)
uploadify js 沒引入的可以自行下載jquery uploadify 插件在公共js內(nèi)引入
<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
放在body block頂部即可
3.后臺添加擴展。按照官方文檔擴展添加方法
添加鉤子后,修改表hooks 剛添加的UploadImages 內(nèi)的addons字段如果為空則修改為UploadImages值。否則hooks 將無法調(diào)用插件
更新緩存<很重要>
ok
最后上字段保存成功的值為json 格式存入數(shù)據(jù)庫,
[{"name":"5次衛(wèi)","path":"/Uploads/Picture/2015-05-06/554966656ecf1.jpg","id":"25"},{"name":"發(fā)到啊","path":"/Uploads/Picture/2015-04-24/5539f2a38288a.jpg","id":"5"},{"name":"5682fe1a02","path":"/Uploads/Picture/2015-04-25/553aedde8de95.png","id":"16"},{"name":"62131","path":"/Uploads/Picture/2015-05-06/5549823478466.jpg","id":"28"},{"name":"7bbe1","path":"/Uploads/Picture/2015-04-25/553aedbe66e36.png","id":"12"},{"name":"6","path":"/Uploads/Picture/2015-05-06/5549823478466.jpg","id":"28"}]
更新:
添加自定義字段值功能。
就對不懂js的用戶添加自定義字段值有點難度,特對做了優(yōu)化。