Javascript 从vue获取文件输入并推送到Python代码
我有一个Vue项目和一个python脚本。我想使用Vue输入一个文件,并在python scrpit中使用上传的文件。 现在我有两个完全不同的Vue项目和python文件没有集成在一起。 我该怎么做?Javascript 从vue获取文件输入并推送到Python代码,javascript,python,api,vue.js,flask,Javascript,Python,Api,Vue.js,Flask,我有一个Vue项目和一个python脚本。我想使用Vue输入一个文件,并在python scrpit中使用上传的文件。 现在我有两个完全不同的Vue项目和python文件没有集成在一起。 我该怎么做? 有什么建议吗?我可以选择API Rest机制。 例如,请参见以下代码: <form id="form" enctype="multipart/form-data" @change="onUploadFile"> <input type="fil
有什么建议吗?我可以选择API Rest机制。 例如,请参见以下代码:
<form id="form"
enctype="multipart/form-data"
@change="onUploadFile">
<input type="file" id="file" name="file">
</form>
onUploadFile: function (event) {
const file = event.target.files[0]
axios.post('upload_file', file, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(console.log)
.catch(console.error);
}
onUploadFile:函数(事件){
const file=event.target.files[0]
axios.post('upload_file',file{
标题:{
“内容类型”:“多部分/表单数据”
}
})
.then(console.log)
.catch(控制台错误);
}
在Python中,您应该得到这个POST方法 我可以提供API Rest机制作为一个选项。 例如,请参见以下代码:
<form id="form"
enctype="multipart/form-data"
@change="onUploadFile">
<input type="file" id="file" name="file">
</form>
onUploadFile: function (event) {
const file = event.target.files[0]
axios.post('upload_file', file, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(console.log)
.catch(console.error);
}
onUploadFile:函数(事件){
const file=event.target.files[0]
axios.post('upload_file',file{
标题:{
“内容类型”:“多部分/表单数据”
}
})
.then(console.log)
.catch(控制台错误);
}
在Python中,您应该得到这个POST方法 您已将
flask
作为标记。请出示你已经用过的烧瓶,以便上传文件。我根本没用过烧瓶。我知道flask是一种方式,但我不想用它。你把flask
作为标签。请出示你已经用过的烧瓶,以便上传文件。我根本没用过烧瓶。我知道flask是一种方法,但我不想使用它。你能解释一下这段代码吗?我是vue新手,很难理解。请阅读并练习本教程:我遇到了以下错误:``Post404(未找到)`````@Sherzodimport requests import json x=requests.get('http://localhost:8080/api.php“)打印(x.text)
这是python代码@Sherzod你能解释一下这段代码吗?我是vue新手,很难理解。请阅读并练习本教程:我遇到了以下错误:``Post404(未找到)```@Sherzodimport requests import json x=requests.get('http://localhost:8080/api.php“)打印(x.text)
这是python代码@谢尔佐德