将照片上传到网站并在烧瓶 python 上提交时出现“未找到”错误

Question

我正在尝试创建允许用户输入照片并将该照片保存到文件夹“/home/HassanSherien/mysite/Shape_Image”的代码。我已按照以下链接中给出的步骤操作，但我不断收到一条错误消息，指出“未找到，在服务中找不到请求的 URL。如果您手动输入了 URL，请检查您的拼写并重试。”

Python：

 import os
 from flask import Flask, request, redirect, url_for
 from werkzeug.utils import secure_filename

UPLOAD_FOLDER = '/home/HassanSherien/mysite/Shape_Image'
ALLOWED_EXTENSIONS = set(['txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif'])

app = Flask(__name__)
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER

def upload_file():
    if request.method == 'POST':
    if 'file' not in request.files:
        flash('No file part')
        return redirect(request.url)
    file = request.files['file']
    if file.filename == '':
        flash('No selected file')
        return redirect(request.url)
    if file and allowed_file(file.filename):
        filename = secure_filename(file.filename)
        file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))

HTML：

<form action="myform.cgi"> 
<input type="file" name="fileupload" value="fileupload" 
id="file`upload"> 
<label for="fileupload"> Select a file to upload</label>
 <br>
<input type="image" src="/wp-content/uploads/sendform.png" 
alt="Submit" width="100"> 
</form>

我也在线上报错 如果文件和allowed_file（file.filename）： 上面写着“未定义的名称'allowed_file'”

Upload image in Flask

Answer 1

您尚未为upload_file 函数分配路由。这应该在函数定义正上方的行中完成：

@app.route('/upload', methods=['POST'])
def upload_file():
    # rest of your code

您还需要使表单的操作与此 URL 相对应：

<form action="/upload" method='POST'>

在 Flask 模板中，您可以根据函数名称自动生成此 URL：

<form action="{{ url_for('upload_file') }}" method='POST'>

---

表单中的唯一输入字段应该是：

<input type="file" name="file" id="file_upload" /> 
<input type="submit />

请注意，我已设置 name="file"，它与您的 Python 代码接受的内容相对应。请参阅this answer 我刚刚发布了为什么会这样。这方面的官方文档有点令人困惑，因为他们在多个地方重复使用“文件”一词，我认为这会让人们感到困惑，尤其是新手。

---

if file and allowed_file(file.filename): that say "undefined name 'allowed_file'" 的行上我也收到错误提示

听起来您还没有按照文档定义该函数：

def allowed_file(filename):
    return '.' in filename and \
           filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS

---

根据评论编辑：

现在我的网站将允许人们上传照片，它会自动提交（因为尽管没有提交按钮，但代码知道在上传内容后立即提交）

抱歉：您需要为提交按钮添加第二个输入标签：只需在表单末尾添加<input type='submit' />。

一旦用户选择了他们想要上传的文件，他们就会点击这个按钮，然后一个 POST 请求将连同数据一起发送到服务器。

到 url_for('upload_file')，在我的例子中是 '/home/HassanSherien/mysite/Shape_Image'。

当实际呈现表单时（在任何上传活动之前），表单的action 属性将是{{url_for('file_upload')}} 的返回值，这将是/upload（在@app.route 行中设置）。这使得表单提交到：http://example.com/upload。不要将其与在服务器端 UPLOAD_FOLDER 中输入的路径混淆。

在处理上传的代码中，以下行将指定为UPLOAD_FOLDER 的路径连接到filename 的值：

file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))

为了便于阅读，如下：

full_path = os.path.join(app.config['UPLOAD_FOLDER'], filename)
file.save(full_path)

第二行是调用file 对象的save 方法，提供完整路径作为参数。这实际上将文件保存到磁盘。

如果您发现这没有发生，请检查服务器控制台，因为您可能需要设置目录权限等。

这个函数还应该返回类似重定向到网站其他地方的东西。