embed a image browser button into script editor with xml attribute editor template in maya 2015

_.md

AEaddImgBrowser.py

import maya.cmds as cmds
import maya.utils as mutils


def AEaddImgBrowserModule(  plug, uiLabel, annot):

    cmds.rowLayout( nc=3 )
    cmds.text(l=uiLabel)
    p=cmds.textField('imagePathField')
    cmds.symbolButton('browser',i="navButtonBrowse.png" )

    def AEaddImgBrowserModuleCB( *args ):
        from PyQt4.QtGui import QFileDialog
        dlg = QFileDialog()
        dlg.setFileMode(QFileDialog.AnyFile)
        dlg.setFilter("jpg files (*.jpg)")
        filename = None

        if dlg.exec_():
            filename = dlg.selectedFiles()
            print 'get file name:',filename,str(filename[0])

        if filename and len(filename):
            file=str(filename[0])
            cmds.setAttr( plug, file,type='string')
            cmds.textField(p,e=1,tx=file)

    cmds.symbolButton('browser',e=1,c= AEaddImgBrowserModuleCB)
    cmds.setParent(u=1)

AEtransform.ctrl_grpTemplate.xml

<?xml version='1.0' encoding='UTF-8'?>
<templates>
    <template name="AEtransform">

        <attribute name="frameExtension" type="maya.long">
            <label>Frame Extension</label>
        </attribute>
        <attribute name="enumAttr" type="maya.enum">
            <label>Enum Attr</label>
        </attribute>
        <attribute name="imageName" type="maya.string">
            <label>Image Name</label>
            <description language="cb">py.AEaddImgBrowser.AEaddImgBrowserModule</description>
        </attribute>

    </template>

    <view name="Custom" template="AEtransform">
        <property name="frameExtension"/>
        <property name="enumAttr"/>
        <property name="imageName"/>
    </view>

</templates>