JS 点击按钮上传文件 发表于 2022-03-29 更新于 2022-07-01 分类于 JavaScript 本文字数: 903 阅读时长 ≈ 1 分钟 通过点击按钮上传文件 12345678910111213141516<div class="flex items-center" @click="addImage"> <img src="@/common/assets/Car/image.png" alt="" class="h-18px w-18px mr-10px" /> <div class="text-10px font-pingfang font-400 text-333">图片</div> <input ref="imageFileUpload" type="file" hidden @change="onImageFileChanged" accept="image/png, image/gif, image/jpeg, image/bmp, image/x-icon" style="display: none" /></div> 1234567891011121314const imageFileUpload = ref<any>();function addImage() { imageFileUpload.value.click();}function onImageFileChanged(params: any) { const formdata = new FormData(); formdata.append('files', params.target.files[0]); imageFileUpload.value.value = ''; uploadFile(formdata).then(res => { imageFileUpload.value.value = ''; });} 相关文章 将 vue 代码挂载到 shadowRoot 中的元素上 JS vite 项目中加载外部 scss 文件 Vant 样式覆盖 JS Vue React 是怎么处理路由的 JS vue3 reactive 重新赋值的问题 打赏 微信支付 支付宝 本文作者: Mt.r 本文链接: https://trycoding.fun/JavaScript/js-upload-file-on-button-click/ 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!