vue3+element-push 实现input框粘贴图片或文本,图片上传。

vue3+element-push 实现input框粘贴图片或文本,图片上传。


        // 展示上传的列表--可不要
       
{{ item.fileName }}
··· ··· ... // js部分截图 / const textMsg = ref('') const pasting = async (event) => { let txt = event.clipboardData.getData('Text') if (typeof txt == 'string') { textMsg.value += txt } let cutFile = null const items = (event.clipboardData || window.clipboardData).items if (items.length) { for (let i = 0; i < items.length; i++) { if (items[i].type.indexOf('image') !== -1) { cutFile = items[i].getAsFile() message.success('截图上传中请稍等。。。') await FileApi.updateFile({ file: cutFile }).then((res) => { filesList.value.push({ filePath: res.data, fileType: cutFile.name.split('.')[1], fileName: cutFile.name }) }) break } } } } ···

你可能感兴趣的:(vue.js,前端,javascript)