vue多张上传图片的组件
2018-10-25 10:27
78 查看
html中的input按钮是支持上传图片的详见http://www.w3school.com.cn/tags/att_input_accept.asp accept这个属性就是规定上传图片的格式, id是获取上传的信息 ,div中加入点击事件
下面看点击事件的逻辑
定义了imageDatas用来存放便利后的图片的信息 FileReader()是用来读取计算机中上传的文件信息 详见
先读取每个files的信息读取完成后push()imageDatas中就可以调用imageDatas{}来获取上传的所有的图片的信息了
阅读更多相关文章推荐
- require.js+vue开发微信上传图片组件
- Vue上传图片预览以及删除的vue组件
- 利用vue-cropper做的关于图片裁剪、压缩、上传、预览等做的一个公共组件
- vue上传图片组件编写代码
- vue上传图片组件编写
- 一个支持图片上传前预览,裁剪的vue组件
- vue 图片裁剪上传组件
- vue2.0 自定义 图片上传(UpLoader)组件
- 从0开始做一个的Vue图片/ 文件选择(上传)组件[基础向]
- Vue上传图片预览组件
- require.js+vue+vue-router+vue-resource开发微信上传图片组件
- Vue上传图片预览以及删除的vue组件
- vue 图片上传组件
- vue上传图片组件编写
- vue2.0使用weui.js的uploader组件上传图片
- vue上传多张图片
- vue上传图片组件(支持拖拽文件夹上传)
- 从0开始做一个的Vue图片/ 文件选择(上传)组件[基础向]
- 百度ueditor组件上传图片后如何设置img标签里的src、title、alt等属性
- 上传多张图片并压缩