github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-07-01 09:22:18 +00:00
Code Issues Projects Releases Wiki Activity

Fixed: Image Upload

Browse Source
This commit is contained in:
zhaojisen 2025-03-13 15:29:22 +08:00 committed by ZhaoJiSen
parent aaad6b8380
commit 446cb0b85e
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Form/FormFields/UploadField.vue
View File

@ -10,6 +10,9 @@
<div>
<img v-if="preview" :class="showBG ? 'show-bg' : ''" :src="preview" v-bind="$attrs" alt="">
</div>
<el-button v-if="fileName" size="mini" type="danger" @click.native.stop="resetUpload">
{{ this.$t('Cancel') }}
</el-button>
</div>
</template>
@ -55,21 +58,29 @@ export default {
},
Onchange(e) {
const upLoadFile = e.target.files[0]
if (upLoadFile === undefined) {
this.$emit('input', this.initial)
return
}
this.fileName = upLoadFile?.name || ''
this.$emit('fileChange', upLoadFile)
this.$emit('input', this.getObjectURL(upLoadFile))
},
resetUpload() {
this.fileName = ''
this.preview = ''
this.$refs.upLoadFile.value = ''
this.$emit('input', '')
this.$emit('fileChange', null)
},
getObjectURL(file) {
let url = null
if (window.createObjectURL !== undefined) { // basic
if (window.createObjectURL !== undefined) {
url = window.createObjectURL(file)
} else if (window.URL !== undefined) { // mozilla(firefox)
} else if (window.URL !== undefined) {
url = window.URL.createObjectURL(file)
} else if (window.webkitURL !== undefined) { // webkit or chrome
} else if (window.webkitURL !== undefined) {
url = window.webkitURL.createObjectURL(file)
}
return url