好吧,我正在尝试将调整大小的画布图像作为文件上传到Flask。
首先,我尝试使用canvas.toDataURL()
将其转换为base64(?)字符串,然后尝试使用带有AJAX的formdata
将其作为图像上传,没有运气。
然后我尝试使用此函数将base64转换为blob:
function toblob(stuff) {
var g, type, bi, ab, ua, b, i;
g = stuff.split(',');
if (g[0].split('png')[1])
type = 'png';
else if (g[0].split('jpeg')[1])
type = 'jpeg';
else
return false;
bi = atob(g[1]);
ab = new ArrayBuffer(bi.length);
ua = new Uint8Array(ab);
for (i = 0; i < bi.length; i++) {
ua[i] = bi.charCodeAt(i);
}
b = new Blob([ua], {
type: "image/" + type
});
return b;
}
不是形象......
这是我使用的ajax表单:
s = new FormData();
s.append('image', toblob(d)); \\I believe I refer to this with request.files['image']?
var g = $.ajax({
url: 'url',
type: 'POST',
processData : false,
contentType : false,
data: s
}) //POSTDATA
到目前为止,我所拥有的是服务器端:
@app.route('/requests/<req>', methods=['POST'])
def requests(req=None):
if req == 'upload' and request.method == 'POST' and request.files['file']:
file = request.files['image'] \\referring to formdata() key
if file and allowed_file(file.filename):
n = secure_filename(file.filename)
file.save(os.path.join(app.config['UPLOAD_FOLDER'],n))
return redirect(url_for('index', p=n))
所有这些都非常重要
我非常有信心javascript正在很好地发送数据,因为许多其他stackoverflow问题对PHP服务器使用相同的方法,并且服务器确实收到了数据。
我的问题是我不知道如何将这些数据转换为物理文件存储到目录中?
有没有办法可以通过flask或js将这些数据转换为物理图像文件?
THANKYOU!
答案 0 :(得分:3)
找到一个解决方法!
而不是使用Flask的file.save()
,我使用werkzeug's FileStorage()
通过指定file.save()
和{{1}我使用filename
的原始版本(据我所知) }(这是一个blob FYI)就像这样:
stream
把它放到脚本中,躲过错误400s并且几乎没有废弃一个工作函数!哈哈。
它有效,但我不知道它有多安全或多么稳定,现在就开始使用它。如果有任何经验,请帮助我。谢谢!
生活真棒!