将图像文件上传到服务器指定的URL

Question

我想知道是否有可能使用ajax通过在表单中​​键入url将图像上传到request.files中的flask服务器。 这是我当前的表单设置：

<form method=post enctype=multipart/form-data runat="server" id="capture_form">
<div class="form-group">
        <label for=facesURL>URL:</label>
        <input type="text" name="image_url" class="form-control" id=facesURL placeholder="URL of image">
        <input type="submit" value="Preview URL image" id="submit">
</div>
<button align="center" class="btn btn-info upload-image" id=upload-image type=submit value="Upload Image">Upload File</button>

目前，“预览URL图像”按钮将url中的图像显示为，但是我仍然只能抓取该src并单击“上传图像”按钮将其上传。 任何帮助表示赞赏。

Answer 1

如果用户指定的是URL，那么让服务器从指定的URL本身（在后端）下载图像可能比让网页直接下载并发送图像更有意义。

这是一个粗略的（未经测试的）视图函数，该函数显示代码可能最终看起来像什么：

@app.route('/submit_image', methods=['GET', 'POST'])
def submit_image():
    # I'm assuming you're using the Flask-WTF module for your forms
    form = SubmitImageForm()
    if request.method == 'GET':
        return render_template('submit_image.html', form=form)
    elif request.method == 'POST':
        if form.validate_on_submit():
            path_to_save_image_to = ''  # Fill this in

            with open(path_to_save_image_to,'wb') as f:
                f.write(urllib.request.urlopen(form.image_url.data, path_to_save_to).read())

            return redirect(url_for('submission_successful'))
        else:
            return render_template('submit_image.html', form=form, error="Invalid submission")

在以下人员的帮助下： 通过urllib和python下载图片