wangeditor富文本编辑器的一些坑

 看到CSDN都在用wangeditor而且用起来的确简单,可是图片上传还是一直搞不定。

1.返回格式问题

官方要求返回json格式,先定义字典赋值,然后采用json.dumps(result,ensure_ascii=False)进行后端返回:

{
    "errno": 0,
    "data": [
        "图片1地址",
        "图片2地址",
        "……"
    ]
}

 2.request.files['myFile']问题

由于3.0以上没有textarea,只有div。找了半天才找到在前端进行命名即可。

editor.customConfig.uploadFileName = 'myFile'

还需要解决的问题:

1.从磁盘里复制、然后粘贴到文本框里,自动上传图片。

2.从微信、QQ等复制粘贴到文本框里,自动上传。

3.截图形成的base64,直接粘贴自动上传。

4.从word里复制粘贴的图片。

附完整代码python-flask版:

def uploadfile():
    result={}
    file = request.files['myFile']
    if file == None:
        result['error']='1'
        result['data']=['图片地址']
        print(result)
        return json.dumps(result,ensure_ascii=False)
    else:
        if file and file.filename:
            filename = file.filename
            filepath = os.path.join(app.static_folder, 'files', filename)
            file.save(filepath)
            imgUrl = url_for('static', filename='%s/%s' % ('files',filename))
            result['error']=0
            result['data'] = imgUrl
            print(result)
            return json.dumps(result,ensure_ascii=False)

 

你可能感兴趣的:(python,flask)