青銅修煉手冊: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修煉手冊】微信公衆號吧!!!

 

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