diff --git a/frontend/src/components/canvas/components/Editor/EditBar.vue b/frontend/src/components/canvas/components/Editor/EditBar.vue index 86938d1bf5..d1d34c4f3f 100644 --- a/frontend/src/components/canvas/components/Editor/EditBar.vue +++ b/frontend/src/components/canvas/components/Editor/EditBar.vue @@ -1,5 +1,6 @@ @@ -34,6 +38,7 @@ import { mapState } from 'vuex' import bus from '@/utils/bus' import SettingMenu from '@/components/canvas/components/Editor/SettingMenu' import LinkageField from '@/components/canvas/components/Editor/LinkageField' +import toast from '@/components/canvas/utils/toast' export default { components: { SettingMenu, LinkageField }, @@ -210,6 +215,21 @@ export default { }, goFile() { this.$refs.files.click() + }, + handleFileChange(e) { + const file = e.target.files[0] + if (!file.type.includes('image')) { + toast('只能插入图片') + return + } + const reader = new FileReader() + reader.onload = (res) => { + const fileResult = res.target.result + this.curComponent.propValue = fileResult + this.$store.commit('recordSnapshot', 'handleFileChange') + } + + reader.readAsDataURL(file) } } } diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js index 48b8e448d2..8a579bc219 100644 --- a/frontend/src/lang/en.js +++ b/frontend/src/lang/en.js @@ -1436,6 +1436,7 @@ export default { linkage: 'linkage', jump: 'Jump', cancel_linkage: 'Cancel Linkage', + switch_picture: 'Switch Picture', remove_all_linkage: 'Remove All Linkage', exit_un_march_linkage_field: 'Exit Un March Linkage Field', details: 'Details', diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js index 26f97cffc9..a366eefb46 100644 --- a/frontend/src/lang/tw.js +++ b/frontend/src/lang/tw.js @@ -1438,6 +1438,7 @@ export default { linkage: '聯動', jump: '跳轉', cancel_linkage: '取消聯動', + switch_picture: '更换图片', remove_all_linkage: '清除所有聯動', exit_un_march_linkage_field: '存在未匹配聯動關繫的字段', details: '詳情', diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js index 818867e519..afb261a586 100644 --- a/frontend/src/lang/zh.js +++ b/frontend/src/lang/zh.js @@ -1447,6 +1447,7 @@ export default { linkage: '联动', jump: '跳转', cancel_linkage: '取消联动', + switch_picture: '更换图片', remove_all_linkage: '清除所有联动', exit_un_march_linkage_field: '存在未匹配联动关系的字段', details: '详情', diff --git a/frontend/src/styles/deicon/demo_index.html b/frontend/src/styles/deicon/demo_index.html index a4c59c1610..7b9d1d8a9e 100644 --- a/frontend/src/styles/deicon/demo_index.html +++ b/frontend/src/styles/deicon/demo_index.html @@ -54,6 +54,12 @@