博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小黑小波比.选择文件按钮上传完文件后按钮内容为文件名
阅读量:6925 次
发布时间:2019-06-27

本文共 1699 字,大约阅读时间需要 5 分钟。

hot3.png

Client/Views/person.tpl

1.在html页,也是把上传控件变为透明,叠放顺序优先级高于<button>

2.在客户端js,上传控件发生变化而触发事件

awf.task({    code: "Data",    method: function(e) {        //e.success();        _.post("api/admin/person/read", {            },            function(r) { //难点                if (r.length > 0) {                    e.success(r[0]);                } else {                    /*e.result({                     "failure":true                     });*/                }            }, "json");    }}).task({    code: "tpl",    method: function(e) {        app.tpl("Admin->person", function(tpl) {            e.success(tpl);        });    }}).async({    success: function(result) {        result.cid = 'main' + app.genID();        var info = result.tpl(result, {});        app.gui.page(info);        app.gui.on(_('#' + result.cid), events);        //input改变值而触发事件,change方法        events.parent.find('input[name="file"]').on("change",events.change)        events.parent.find('input[name="files"]').on("change",events.btnUpload)        //events.parent.find('input[name="files"]').on("btnUpload",events.btnUpload)    },    /*		failure:function(result){     result.result({     "failure":false     });	     }*/});
3.在客户端js,触发事件调用方法,这个方法可以把按钮的文字内容变为文件名内容.

change:function(sender){    var a = $(sender.target).val();    if(!a){        alert("1:"+a);        a = "选择文件";        _('[name="opt"]').html(a);    }else{        alert("2:"+a);        //截取文件名        a = a.substring(a.lastIndexOf('\\')+1);        _('[name="opt"]').html(a);    }},
注意:这里方法又截取文件名方法,例如c:/a/b/test.txt 变成 test.txt
效果:

转载于:https://my.oschina.net/snowbobo/blog/414839

你可能感兴趣的文章
shell脚本编程之条件判断,算术运算,整数测试及特殊变量
查看>>
使用泛型的 TArray 从动态数组中查找指定元素
查看>>
判断不是 IE 浏览器
查看>>
学会去分享,也许会走得更远
查看>>
Delphi 正则表达式之TPerlRegEx 类的属性与方法(6): EscapeRegExChars 函数
查看>>
GDI+ 学习记录(31): 图像颜色变换(TGPImageAttributes)
查看>>
再学 GDI+[37]: TGPPen - TGPCustomLineCap、SetCustomStartCap、SetCustomEndCap
查看>>
WinAPI: CreateBrushIndirect - 根据画刷结构建立画刷
查看>>
图解 CSS (10): 链接、继承、放缩、鼠标指针、其他(待补充...)
查看>>
如何和我共享 DropBox 上的 PDF 电子书
查看>>
JDK/bin目录下的不同exe文件的用途
查看>>
linux系统包管理工具详解 yum rpm apt-get pip wget
查看>>
关于iOS`UITableViewCell 使用系统 多选 全选问题
查看>>
《Head First PHP & MySQL》 学习笔记 第四章 “总会有一些问题需要修复的”
查看>>
高项2015年下半年培训随堂作业(10月24日)
查看>>
服务器虚拟化十大关键问题答疑
查看>>
Android学习笔记(三)
查看>>
ClassNotFoundException和NoClassDefFoundError
查看>>
linux下修改IP DNS GETWAY
查看>>
详解Linux开机自动启动SVN原理
查看>>