element 文件上传
前端傻小子
这个作者很懒,什么都没留下…
展开
-
vue+element ui 关于表格中多行增加上传文件操作
注意:handleSuccess钩子函数中,因为这里上传的是一张一张的上传,所以需要把上传成功以后返回的数据push到tableData中,而handleRemove钩子函数中,需要先把数据置空,然后再循环把需要的数据push进去,如果没有先置空的话,fileIdList中的数据会不断叠加,当然,也可以用splice的方法,把找到对应的文件数据删除掉。在data中定义一个表格数组,数组中的fileIdList是我需要存储的信息,可自行参考。先创建一个表格标签,表格中需要先写上上传文件的组件。原创 2023-04-14 16:27:06 · 2567 阅读 · 0 评论 -
vue+element ui 文件上传之文件缩略图缩略图
这里删除的时候需要注意的是,缩略图中,删除时没有整体的fileList参数,所以需要使用ref来获取所有上传的图片列表,这样子在删除的时候,就可以确定用户删除的,是哪一张图片了。这里设置了图片的格式等,用户在选择的时候,会自动校准图片格式,官方文档中提供了before-upload方法,可以防止用户在选择文件的时候使用查看所有文件的方式。且需要上传的是图片,因为有预览等功能,如果上传的不是图片,会显示不出来。最后,附上删除时利用ref获取到的数组格式。文件缩略图按官方文档说的是使用。原创 2023-04-14 17:00:20 · 7558 阅读 · 2 评论 -
vue 根据文件流下载文件
文件流下载需创建一个xmlhttp请求,请求格式为blob。原创 2023-04-14 16:36:25 · 1005 阅读 · 0 评论