实现步骤:

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

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

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

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

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

代码为:

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

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

 

4.完成,点击预览:

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

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

 

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

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

 

相关文章:

  • 2021-07-04
  • 2022-01-12
  • 2021-09-13
  • 2021-12-27
  • 2021-04-19
  • 2022-02-02
  • 2021-05-14
  • 2021-08-12
猜你喜欢
  • 2021-08-23
  • 2021-05-30
  • 2021-07-27
  • 2021-10-12
  • 2021-11-01
  • 2021-11-26
  • 2021-12-08
相关资源
相似解决方案