You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.6 KiB
42 lines
1.6 KiB
<template>
|
|
<div>
|
|
<input ref="input" type="text" style="visibility: hidden; position: absolute;" :value="src" />
|
|
<a ref="link" style="display:block;" :href="src"><img ref="img" style="height:32px;" :src="src" /></a>
|
|
<button ref="btn" class="btn btn-sm btn-default" type="button" id="btn_Image" style="margin-top:5px;">上传</button>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
props: ['value'],
|
|
mounted: function () {
|
|
var vm = this;
|
|
$(this.$refs.link).fancybox();
|
|
var editor = KindEditor.editor({
|
|
allowImageUpload: true,
|
|
formatUploadUrl: false,
|
|
uploadJson: vm.uploadUrl
|
|
});
|
|
$(this.$refs.btn).click(function () {
|
|
editor.loadPlugin('insertfile', function () {
|
|
editor.plugin.fileDialog({
|
|
fileUrl: vm.src,
|
|
clickFn: function (url, title) {
|
|
$(vm.$refs.input).attr('value', url);
|
|
//if (isRequired) {
|
|
// $('#' + id).parents('form').validate().element('#' + id);
|
|
//}
|
|
$(vm.$refs.link).attr('href', vm.baseUrl + url);
|
|
$(vm.$refs.img).attr('src', vm.baseUrl + url);
|
|
editor.hideDialog();
|
|
}
|
|
});
|
|
});
|
|
});
|
|
},
|
|
computed: {
|
|
src: function () {
|
|
return this.value || '/images/empty.png';
|
|
}
|
|
}
|
|
};
|
|
</script> |