Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/335.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从vue获取文件输入并推送到Python代码_Javascript_Python_Api_Vue.js_Flask - Fatal编程技术网

Javascript 从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

我有一个Vue项目和一个python脚本。我想使用Vue输入一个文件,并在python scrpit中使用上传的文件。 现在我有两个完全不同的Vue项目和python文件没有集成在一起。 我该怎么做?
有什么建议吗?

我可以选择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(未找到)`````@Sherzod
import requests import json x=requests.get('http://localhost:8080/api.php“)打印(x.text)
这是python代码@Sherzod你能解释一下这段代码吗?我是vue新手,很难理解。请阅读并练习本教程:我遇到了以下错误:``Post404(未找到)```@Sherzod
import requests import json x=requests.get('http://localhost:8080/api.php“)打印(x.text)
这是python代码@谢尔佐德