| | |
| | | <div class="dele" @click="deleItem(index)"> |
| | | <i class="el-icon-close"></i> |
| | | </div> |
| | | <img :src="item.url" v-if="fileType(item.url) === 'img'" /> |
| | | <video controls autoplay :src="item.url" v-else></video> |
| | | <img :src="item.fileurlFull" v-if="fileType(item.fileurlFull) === 'img'" /> |
| | | <video controls autoplay :src="item.fileurlFull" v-else></video> |
| | | </div> |
| | | <div class="file_list_item" :style="{width: width, height: height, cursor: 'pointer'}" @click="$refs.file.click()"> |
| | | <div v-if="list ==null || list.length == 0 || list.length < maxLength" class="file_list_item" :style="{width: width, height: height, cursor: 'pointer'}" @click="$refs.file.click()"> |
| | | <i class="el-icon-plus"></i> |
| | | </div> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import axios from 'axios'; |
| | | import axios from 'axios' |
| | | export default { |
| | | props: { |
| | | width: { |
| | |
| | | folder: { |
| | | type: String, |
| | | default: '' |
| | | }, |
| | | maxLength: { |
| | | type: Number, |
| | | default: 9999 |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/upload' |
| | | } |
| | | }, |
| | | |
| | | methods: { |
| | | fileType(url) { |
| | | if (url.indexOf('.mp4') !== -1) { |
| | | if (url && url.indexOf('.mp4') !== -1) { |
| | | return 'video' |
| | | } else { |
| | | return 'img' |
| | |
| | | margin: 0 !important; |
| | | } |
| | | .dele { |
| | | z-index: 10000; |
| | | position: absolute; |
| | | right: 0; |
| | | top: 0; |
| | |
| | | } |
| | | } |
| | | </style> |
| | | |