上传|Axure高保真教程:上传本地图片( 二 )


3)再次打开链接,写入代码
首先是click的代码,点击当前文本的元件时,触发输入框鼠标单击的交互,具体代码如下。
注:这里this.name==buttom对应的是按钮的元件命,file对应的是输入框的元件名称,元件名称发生改变时,代码也需要改变。
接下来是获取、转换本地文件的路径,并且在图片元件(命名为pic的元件)中打开对应图片。
上传|Axure高保真教程:上传本地图片

注:这里的file是对应输入框的元件的名称,pic对应的是图片元件的名称,如果上述元件名称发生改变时,代码也需要改变对应改变。
以上就是通过代码制作上传本地图片原型模板的全部内容了,感兴趣的同学们可以动手试试,谢谢您的阅读。
本文由 @AI产品人 原创发布于人人都是产品经理,未经许可,禁止转载。
【 上传|Axure高保真教程:上传本地图片】题图来自 Unsplash,基于CC0协议