上传|Axure高保真教程:上传本地图片( 二 )
3)再次打开链接,写入代码
首先是click的代码,点击当前文本的元件时,触发输入框鼠标单击的交互,具体代码如下。
注:这里this.name==buttom对应的是按钮的元件命,file对应的是输入框的元件名称,元件名称发生改变时,代码也需要改变。
接下来是获取、转换本地文件的路径,并且在图片元件(命名为pic的元件)中打开对应图片。
注:这里的file是对应输入框的元件的名称,pic对应的是图片元件的名称,如果上述元件名称发生改变时,代码也需要改变对应改变。
以上就是通过代码制作上传本地图片原型模板的全部内容了,感兴趣的同学们可以动手试试,谢谢您的阅读。
本文由 @AI产品人 原创发布于人人都是产品经理,未经许可,禁止转载。
【 上传|Axure高保真教程:上传本地图片】题图来自 Unsplash,基于CC0协议
- 京东|能赚钱的路由器 京东云无线宝上传有多猛?网友实测4个月上传70TB
- 神操作上传剪辑 PS5升级添加视频编辑器
- 与乐鑫携手,WiSA将高保真无线音频模块价格降至5美金
- 凭借着高保真音质、续航时间长|览邦F9 Freebuds T2Pro全面评测
- 毕业论文在查重时上传失败是由什么原因造成的?
- 家庭影院|宝华韦健高保真家庭影院评测:呈现澎湃劲爆的低频反响
- 白酒|茅台镇百吨酱酒流入河中?当地回应:网上传的太夸大
- 微软|预计每天全世界上传的短视频超过4亿条
- 量子|高保真度三量子位原生量子门首次实验演示
- 高保真头戴耳机有哪些品牌,无线耳机带来的自由和便利受人喜欢
