Axure高保真教程：上传本地图片

上传图片可以说是每个系统必备的功能，包括上传头像、发送图片、上传商品图片……都需要用到上传图片的功能。

我们在画产品原型的时候，也常常需要画出上传图片的效果，但是Axure里面并没有上传图片的元件，导致我们不能画出高保真的上传图片的原型。

所以本期教程主要介绍如何通过代码制作上传本地图片的原型模板，让我们可以在Axure的演示界面做出上传本地图片的高保真效果。

一、制作完成后应具备以下效果

• 可以弹出选择文件的窗口，可以在窗口内选择本地文件；
• 选择图片后，在原型中显示所选择的本地图片。

二、制作思路

首先讲一下我们在制作中会遇到的难点。

1）如何打开打开可以选择本地文件的系统弹窗

这里我们需要利用Axure里面输入框的系统元件输入框，将输入框的输入类型设置为文本，这样鼠标点击输入框的时候，就可以弹出温蒂文件的系统弹窗了。

虽然这样可以弹出系统弹窗，但是由遇到另外一个问题：

2）选择文件的按钮太丑，如何转化为自定义按钮的形式