上传按钮
<button @click="clickUploadSpider">
批量上传
<input type="file" id="uploadSpider"
class="upload-input-none" @click.stop
@change="uploadSpider($event)"
multiple>
</button>
js中方法
clickUploadSpider () {
let file = document.getElementById('uploadSpider')
file.value = ''
file.click()
},
async uploadSpider (e) {
let url = "*********"
this.uploadFile(url, e)
},
uploadFile (url, e) {
let files = e.target.files
if (files.length == 0) {
return
}
let formData = new FormData()
Array.from(files).forEach(file => {
formData.append('files', file)
})
let config = {
headers: {
'Content-Type': 'multipart/form-data'
},
}
await post(formData, url, config).then(res => {
if (res.data.success) {
this.$hMessage.success('批量导入成功')
} else {
console.log("失败")
}
}).catch(err => {
console.log(err.message)
})
},
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】Flutter适配HarmonyOS 5知识地图,实战解析+高频避坑指南
【推荐】凌霞软件回馈社区,携手博客园推出1Panel与Halo联合会员
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步