本文介绍如何在Axure中制作一个高保真的上传图片和文件的原型，利用中继器实现交互，并提供了详细的制作步骤。通过js调用和高保真上传两种方法，展示了不同上传原型的效果，同时解释了为何不使用系统自带的文本框上传功能。文中还详细解释了各个部分的制作方法，包括中部文件中继器、左边栏、上面栏和底部栏的交互设计。
今天教大家怎么做一个高保真的上传图片、文件的效果。该原型用中继器做的，所以使用的时候只需要简单填写表格内容即可，也可以当做学习中继器交互的案例。如有喜欢该原型或者有什么疑问的都可以在评论区留言。
为什么要做这样的原型呢，系统里面不是可以将文本框设置为文件的格式然后上传吗？
首先系统的文件文本框格式不能自由修改，可能ui和我们自己的demo不搭；其次是演示的时候，axure打开不了本地文件的，所以没有很好的交互效果。
那为什么不用js调用，虽然用js调用，可以更改上传按钮的ui，但是同样不能打开本地文件，只能设定一个交互效果不能，没有很好的体验。
所以呢，就模拟了高保真上传界面。为了可以随心所欲的设置样式和交互。
好了，说了这么多开始进入正题了。
效果演示
1. js调用的上传原型
js的好处就是简单，直接调用，但是上传的图片只能默认写死，不能变更。而且axure9好像不支持使用，axure8正常使用。
最低0.47元/天 解锁文章
扫一扫
3879
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
