vue代码块

上传文件夹

上传文件夹原文
html

选取文件夹

js代码

methods: {
	addFinderToList() {
	    this.$refs.folder.click()
	},
	getFolder(e) {
	    //e.target.files为文件夹里面的文件
	    // 把文件夹数据放到formData里面，下面的files和paths字段根据接口来定
	    var form = new FormData()
	    e.target.files.forEach(file => {
	    	form.append('files', file)
	    	form.append('paths', file.webkitRelativePath)
	    })
	    this.$http.post('上传的url', form).then(res => {
	    	// 上传成功后的操作
			......
		}).catch(err => {
			// 上传失败后的操作
			......
		}).finally(() => {
			//无论上传成功与否，都把已选择的文件夹清空，否则选择同一文件夹没有反应
			document.getElementById('folder').value = ''
		})
	}
}