magix-components/tmpl/mx-uploader/__test__/index.html

magix组件

<h2>mx-uploader</h2>
<div class="pt20 clearfix">
    <mx-view
        class="btn btn-brand fl"
        path="mx-uploader/index"
        action="./index.html"
        name="file1"
        multiple="true"
        mx-error="showError()"
        mx-success="showSuccess()"
        mx-progress="showProgress()"
    >上传文件</mx-view>
    <mx-progress value="<%=percent%>" fixed="2" class="fl ml20" />
</div>

<div class="pt20">
    <div>HTML Code:</div>
    <pre>&lt;mx-view
    class="btn btn-brand fl"
    path="mx-uploader/index"
    action="./index.html"
    name="file1"
    multiple="true"
    mx-error="showError()"
    mx-success="showSuccess()"
    mx-progress="showProgress()"
&gt;上传文件&lt;/mx-view&gt;
&lt;mx-progress value="&lt;%=percent%&gt;" fixed="2" class="fl ml20" /&gt;</pre>
    <div class="pt10">Javascript Code:</div>
    <pre>let Magix = require('magix');
module.exports = Magix.View.extend({
    tmpl: '@index.html',
    render() {
        let me = this;
        me.updater.digest({
            showProgress: false,
            percent: 0
        });
    },
    'showError&lt;error&gt;'(e) {
        console.log(e.error);
    },
    'showSuccess&lt;success&gt;'(e) {
        console.log(e.response);
    },
    'showProgress&lt;progress&gt;'(e) {
        this.updater.digest({
            percent:e.percent
        });
    }
});</pre>
</div>