青铜修炼手册：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. 【文件搜索】文本框选择“文件”类型。

5.完成，点击预览：

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

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

 

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