提交表单时出现404错误。我尝试通过该表单上传.png文件,并在上传后立即提交。然后服务器(Python,Flask)应该可以使用它。有人知道我的问题在哪里吗?
AJAX:
<script>
document.getElementById("exampleFormControlFile1").onchange = function() {
console.log("Came here");
$.ajax({
url:'/uploadPNG/',
type:'post',
data:$('#exampleFormControlFile1').serialize(),
success:function(){
console.log("Came here");
}
});
};
</script>
HTML:
<form method="POST" id="form">
<div class="form-group">
<label for="exampleFormControlFile1">Upload your .png template</label>
<input type="file" class="form-control-file" id="exampleFormControlFile1">
</div>
</form>
服务器:
@app.route('/uploadPNG/', methods=['POST'])
def upload():
if request.method == 'POST':
print("Got png")
return "gotcha"
提前谢谢
答案 0 :(得分:0)
我刚发现问题。要在这里回答我自己的帖子,以便其他人可以更轻松地进行。 魔术师曾经告诉我要经常检查文档。 http://flask.pocoo.org/docs/1.0/patterns/fileuploads/ 然后,我不得不像下面这样调整AJAX调用: 'append' called on an object that does not implement interface FormData 然后我必须在输入标签中添加名称“文件”。