diff --git a/src/pages/xinrui/common/UploadPicts.vue b/src/pages/xinrui/common/UploadPicts.vue index fcb677b..33626b1 100644 --- a/src/pages/xinrui/common/UploadPicts.vue +++ b/src/pages/xinrui/common/UploadPicts.vue @@ -10,6 +10,8 @@
{ - imgFile = e.target.result - this.num = this.num + 1 - let obj = {data: imgFile, file: file, num: this.num, photo: file.name} - this.photos.push(obj) + var files = document.getElementById('H5moreUp').files + let _this = this + function readAndPreview (file) { + if (/\.(jpe?g|png|gif)$/i.test(file.name)) { + var reader = new FileReader() + reader.addEventListener('load', function (e) { + _this.num = _this.num + 1 + let obj = {data: e.target.result, file: file, num: _this.num, photo: file.name} + _this.photos.push(obj) + }, false) + reader.readAsDataURL(file) + } + } + if (files) { + [].forEach.call(files, readAndPreview) } - // 正式读取文件 - reader.readAsDataURL(file) }, + // loadImg () { + // // 获取文件 + // let file = document.getElementById('H5moreUp').files[0] + // // 创建读取文件的对象 + // let reader = new FileReader() + // // 创建文件读取相关的变量 + // let imgFile + // // 为文件读取成功设置事件 + // reader.onload = (e) => { + // imgFile = e.target.result + // this.num = this.num + 1 + // let obj = {data: imgFile, file: file, num: this.num, photo: file.name} + // this.photos.push(obj) + // } + // // 正式读取文件 + // reader.readAsDataURL(file) + // }, delPhoto (e) { this.photos = this.photos.filter(el => (el.num !== e.num)) },