excel自动归类
文件上传是系统中很常用的功能，在Axure中如何利用中继器，制作一个能自动识别常用的文件类型的上传列表呢？本文作者分享了制作教程，一起来看一下吧。
文件上传是系统中很常用的功能，所以今天作者就教大家在Axure中如何利用中继器，制作一个能自动识别常用的文件类型的上传列表。
一、效果展示
1、点击上传按钮，可以选择本地的文件进行上传。
2、选择文件后，在上传列表中新增该文件，回显选择文件的名称，并且根据文件类型自动识别匹配对应的图标，案例中做了 常用的11种文件的匹配，需要增加的也可以用下面的方法继续增加。
3、鼠标移入对应文件，会有一个高亮的效果，并且显示删除按钮，点击删除按钮可以在列表中删除对应的文件。
二、制作教程
这个原型主要分问上传列表和上传按钮组两部分组成。
1. 上传列表上传列表，我们是用中继器来制作。
1）中继器里所需元件及摆放
- 图片元件：后续通过交互匹配对应的元件
- 文本标签：后续通过交互回显选中本地文件的文件名称
- 关闭按钮：后续通过交互删除中继器表格中对应的文件信息，默认隐藏
- 背景矩形：默认透明色，悬停样式设置为浅蓝色
将以上元件组合在一起，如下图所示摆放。
组合记得勾选触发内部元件鼠标交互样式，这样移入组合就可以触发背景矩形的悬停样式。
在鼠标移入组合时，我们用显示的交互，显示删除按钮，鼠标移入组合的时候，我们用隐藏的交互，将删除按钮隐藏。
鼠标单击删除按钮时，我们用删除行的交互，删除中继器里当前行的内容。
2）中继器表格的设置
中继器表格里我们只需要一列，text对应的就是文件的名称，默认列表的内容在这里填写文件名称即可，后续点击上传选择文件后，对应的文件名也会增加到这里。
3）中继器每项加载时的交互
中继器每项加载时，我们先用设置文本的交互，将中继器表格里text列的值，设置到中继器里文本标签的元件。
然后我们要用设置图片的交互，根据不同类型的文件，设置对应的图标，那么这里的原理其实是根据文件名的后缀来判断，例如后缀是jpg、png、jpeg其实就是图片文件，那我们就用设置图片的交互，将图片元件设置为图片的图标；后缀是doc、docx其实就是word文件，那我们就用设置图片的交互，将里面的图片元件设置为word的图片……
我们先收集常用文件的图标，然后根据需要设置条件，当满足对应的条件时，就设置对应的图标，案例中我们设置了11中常用的文件类型，包括word文档、ppt演示文档、excel表格、pdf文档、txt文档、图片、动态图片、音频、视频、压缩文件、exe程序文件……你们可以根据需要设置。
最后时候，我们要做一个否则的条件，就是上传的文件都不符合上面的后缀名称，简称未知文件，我们就把图片元件设置为未知的图标。
那这样上传列表的内容就做完了。
2. 上传按钮组1）上传按钮组所需元件
上传按钮如由4部分内容组成，包括按钮、输入框、两个文本标签。
按钮就是用于点击触发上传交互的。
输入框要选择输入类型为文件，这样才有上传效果。
两个文本标签，其中几个我们命名为text，用于记录选中的文件名称，一个命名为click，用于触发后续交互。
输入框和两个文本标签都是用于逻辑处理的不用于显示的，所以我们可以把他们放在按钮的下方，用按钮挡住即可。
2）上传按钮组的交互
①鼠标单击上传按钮组的交互
我们用打开链接的交互，选择链接到URL，在里面我们可以通过js代码，触发输入框那个原件点击的交互，因为输入框类型设置成文件，所以点击他就会弹出本地文件选择的窗口。在选择完成后，我们将选中的文件名称设置到text的文本标签里，然后click代码触发click元件鼠标单击的交互。之前我在上传列表的教程里有详细的讲解，这里就不展开介绍了，不太明白的同学可以看回我之前的文章。
②click文本标签鼠标单击时的交互
我们用添加行的交互，因为上面我们将文件的路径设置到text文本标签里面，所以我们可以在里面提取到文件名称，将他添加到中继器text列里。这样中继器就会重新加载，根据text列的内容为他选择对应的的图标并显示出来。
但是这里有个问题，就是我们回显的是文件的路径，例如C:\\fakepath\\年终总结.ppt，所以在添加行的时候，我们还要对text元件里记录的文件路径进行处理，处理后才会获得文件名称。
这里我们要用到两个函数，第一个是lastIndexOf函数，这个函数可以获取某个值最后一次出现的位置，那我们用这个函数就可以获得\\最后一次出现的位置了。
那接下来我们就要用到slice函数，slice函数可以截取文本内对应的内容，那么结合上面获得的\\最后一次出现的位置了，我们再+1位，从这位起开始截取到最后，就是对应的文件名称了。
这样我们就完成了能自动识别文件类型的上传列表原型模板了，后续使用也是很方便，默认已上传的文件只需要在中继器表格里填写文件名，即可自动生成交互效果。
以上就是本期教程的全部内容，感兴趣的同学们可以动手试试哦，感谢您的阅读，我们下期见。
本文由 @AI产品人 原创发布于人人都是产品经理，未经许可，禁止转载
题图来自 Unsplash，基于 CC0 协议
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
","force_purephv":"0","gnid":"9a2a67d4464bcb91d","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t011f4a19fcb19fa5e5.jpg","width":"900"},{"desc":"","height":"577","s_url":"https://p0.ssl.img.360kuai.com/t01b3a5ca487a7036bb_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01b3a5ca487a7036bb.gif","width":"916"},{"desc":"","height":"196","title":"","url":"https://p0.ssl.img.360kuai.com/t01aa9f6271356ef075.jpg","width":"230"},{"desc":"","height":"221","title":"","url":"https://p0.ssl.img.360kuai.com/t01410aa7ce87f89f1e.jpg","width":"321"},{"desc":"","height":"319","title":"","url":"https://p0.ssl.img.360kuai.com/t015e2d8bca31cfcc32.jpg","width":"1645"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"hbase","pub_time":1673516220000,"pure":"","rawurl":"http://zm.news.so.com/79397130812653e1cfc735b1329247bb","redirect":0,"rptid":"b85d1e6d2f69f8f6","s":"t","src":"人人都是产品经理","tag":[],"title":"Axure高保真教程：自动识别文件类型的上传列表
封鲍富4968Excel表里如何快速把凌乱的内容整理归类,如把同类内容归为一片 -
韶姬阮15041086116 ______ 1、如本例,要求对下列表格按照销售分部进行分类汇总,计算每个销售分部的实际销售金额汇总数是多少. 2、点击选择任意单元格,依次点击【数据】-【分类汇总】选项. 3、如下图,弹出【分类汇总】对话框. 4、在弹出的对话框中:在【分类字段】中选择[销售分部]选项;在【汇总方式】中选择[求和]方式;在【选定汇总项】中选择[实际销售金额]选项,然后点击【确定】按钮. 5、返回到工作表格中,实际销售金额的汇总就按照销售分部进行了分类汇总.
封鲍富4968怎样将excel表中有相同数据的的一栏归类到一起 -
韶姬阮15041086116 ______ excel同样字开头的数据排列在一起的方法:方法一:排序打开excel文件;选中目标列,点击工具栏中的“排序”即可.方法二:自动刷选打开excel文件;选中要刷选的内容相对于的标题栏;选择“数据”;选择“刷选”;选择“自动刷选”;点击单元格右边三角形按钮,选择升序或降序即可.方法三:数据排序打开excel文件;选中目标列,选择菜单栏中的“数据”;点击“排序”,输入主次要关键字,按升降序排列,确定即可.
封鲍富4968请问要是excel 表中数据超过1000行的话怎么使用自动归类,有办法吗? -
韶姬阮15041086116 ______ 你下拉菜单里面有个 (自定义...) ,单击(自定义...)出来一个 自定义自动筛选方式 框框,在 显示行: 下面例如选择 等于 在右边输入你想归类的完整的数据,例如:3056 或者是文本例如:您好祝天天开心 后单击【确定】 建议换个高级的版本例如Excel2007就不会这样麻烦了
封鲍富4968如何用excel自动归类 归类到sheel文件里
韶姬阮15041086116 ______ 比如说你的数据在sheet1里的A1:A30,那么你就在sheet2里的任何单元格输入公式=sheet1!A1或 是你想要的任何单元格.其实有个更简单的方法就是在sheet2里的任何单元格输入= 然后用鼠标点击sheet1里的任何单元格就可以了.至于你说的自动归类,那你就必须把你的要求说出来才可以帮你写公式
封鲍富4968在EXCEL中怎么自动分类部门的? -
韶姬阮15041086116 ______ 这个问题是这样的,首先你要有一个人员部门的对照表,例如sheet1的A列为姓名,B列为所属部门; 然后在sheet2中的A列为人名,B列录入公式=VLOOKUP(A2,sheet1!A:B,2,0) 表示在sheet1中查询搜索A2的人名,搜索到对应姓名以后,将姓名对应的部门返回到sheet2的B2单元格; 公式下拉 这样就自动匹配了人员所属部门了
封鲍富4968如何在EXCEL中按文字自动归档分类? -
韶姬阮15041086116 ______ 首先你需要一个对应的数据库,如管理费用包括哪些,运营费用又包括哪些,以下图为例,假设你的对应数据库在K L列,I3格子的公式为: =IF(ISERROR(VLOOKUP(H3,K:L,2,FALSE)),＂＂,VLOOKUP(H3,K:L,2,FALSE)) 该公式含防错功能
封鲍富4968在excel电子表格中怎样根据类别自动分类到其它子表格中
韶姬阮15041086116 ______ 把七1班、七2班等的学号或姓名分别填入其表中用VLOOKUP可完成.
封鲍富4968Excel2003相同单元格内容如何自动归类到一起
韶姬阮15041086116 ______ 标准的答案!可以在数据→数据透视表和数据透视图→下一步→下一步→选中你要归类的单元格→完成 之后你可以在数据透视表中选择你要归类的项目.需要的内容会一目了然.
封鲍富4968excel中,如何让每行的数据自动归类 -
韶姬阮15041086116 ______ 留个email或qq吧,直接发个文件会更直接,其实公式如下:假设在sheet3表中的A3单元格内容为:如附图=MATCH(＂B1＂,INDIRECT(＂sheet1!a＂&A2+1&＂:a65536＂),FALSE)+A2 这句的＂B1＂可以根据在不同表里用不同的筛选条件＂A1＂,＂B1＂,＂B3＂等.B3单元格内容为=INDEX(Sheet1!$A:$E,$A3,2),其中Sheet1!$A:$E为假设你在sheet1中保存有数据的单元格区域;附图中后两行为#N/A表示查找数据已为最末行,这两行的公式可直接删除.
封鲍富4968Excel 2003相同单元格内容如何自动归类到一起 -
韶姬阮15041086116 ______ 可以在 数据→数据透视表和数据透视图→下一步→下一步→选中你要归类的单元格→完成 之后你可以在数据透视表中选择你要归类的项目.需要的内容会一目了然.