青铜修炼手册:Axure实现文件上传效果

实现步骤:

1.往画布中拖入一个矩形,一个文本框,一个标签,并命名文本框为【文件搜索】,标签为【文本路径】,如下图所示:

2.选中文件上传矩形,添加【鼠标点击时】交互,打开链接,【链接到url】->往里面填【javascript:f.click(); 】 ,如下图

3.选中【文件搜索】文本框,添加【载入时】的交互,如下图所示:

代码为:

javascript:
var f=$("[data-label='[[This.name]]']").children()[0];
$("[data-label='[[This.name]]']").change(function(){
    $("[data-label='文件路径'] p").html(f.value);
});
void(0);

 

4.完成,点击预览:

原型查看效果地址:https://eatzlk.axshare.com

 原型RP文件下载地址:https://download.csdn.net/download/qq_27884377/11045887

 

                  想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章