vue3.0+ts自定义上传组件

html

`ts`

const filElem = ref(); const choiceImg = () => { filElem.value.dispatchEvent(new MouseEvent('click')); }; const getFile = () => { console.log(filElem.value.files, 'props'); console.log( props.roomId, 'props.roomId');

const formData = new FormData();
formData.append('file', filElem.value.files[0]); //图片文件
formData.append('RoomId', props.roomId); //其他参数
formData.append('fileType', '0'); //其他参数

uploadImg(formData)
  .then((data) => {
   filElem.value.files =[]
    console.log(data, '上传成功');
  })
  .catch((e) => {
    console.log(e);
  });

};

`css``

.upload-button { width: 24px; height: 24px; margin-right: 10px; } .upload-btn-box { margin-bottom: 10px; button { margin-right: 10px; } input[type='file'] { display: none; } }