我正在使用https://github.com/yabwe/medium-editor文本编辑器,尤其是它的扩展https://github.com/orthes/medium-editor-insert-plugin。
我的后端是-Flask
问题是我得到的是这个错误:
medium-editor-insert-plugin.js.js:1940 --未捕获的TypeError:无法读取未定义的属性'files‘
这是抛出错误的方法:
/**
* Callback for successful upload requests.
* https://github.com/blueimp/jQuery-File-Upload/wiki/Options#done
*
* @param {Event} e
* @param {object} data
* @return {void}
*/
Images.prototype.uploadDone = function (e, data) {
$.proxy(this, 'showImage', data.result.files[0].url, data)();
this.core.clean();
this.sorting();
};
这是我客户端的jQuery代码:
var editor = new MediumEditor('.forecast-textarea__editor');
$(function () {
$('.forecast-textarea__editor').mediumInsert({
editor: editor,
addons: {
images: {
uploadScript: null,
deleteScript: null,
captionPlaceholder: 'Type caption for image',
styles: {
slideshow: {
label: '<span class="fa fa-play"></span>',
added: function ($el) {
$el
.data('cycle-center-vert', true)
.cycle({
slides: 'figure'
});
},
removed: function ($el) {
$el.cycle('destroy');
}
}
},
actions: null,
fileUploadOptions: { // (object) File upload configuration. See https://github.com/blueimp/jQuery-File-Upload/wiki/Options
url: '/upload_image', // (string) A relative path to an upload script
acceptFileTypes: /(\.|\/)(gif|jpeg|jpg|png)$/i // (regexp) Regexp of accepted file types
}
}
}
})
});
这是响应AJAX调用的后端方法:
@bp.route('/upload_image', methods=['GET', 'POST'])
@login_required
def upload_image():
if request.method == 'POST':
files = request.files
print files
print 'hello world, you"re uploading image right NOWWNOWNWOW'
return ('', 204)
谢谢你的帮助!
发布于 2018-09-06 13:02:08
Images.prototype.uploadDone
将在上传完成时运行,它期望一个包含名为files
的列表的JSON作为端点响应,此files
列表中的每个文件都有一个URL。
现在,您将返回一个状态代码为204的空响应,您可以使用jsonify
生成一个JSON响应,也可以完全忽略该错误。
JSONify示例
@bp.route('/upload_image', methods=['GET', 'POST'])
@login_required
def upload_image():
if request.method == 'POST':
files = request.files
print files
print 'hello world, you"re uploading image right NOWWNOWNWOW'
return jsonify(files=[{url='', fileName='Something'}, ]), 204
这是一个包含静态数据的jsonify
示例,其中第一个元素的url为空,第一个元素的fileName是一个名为tuple的列表中的内容,这应该可以很好地工作!
如果要生成动态jsonify
响应,您可能需要阅读documentation => http://flask.pocoo.org/docs/1.0/api/#flask.json.jsonify中的此链接
https://stackoverflow.com/questions/52192212
复制相似问题