vue中使用副文本编辑器vue-html5-editor解决图片

2017-09-20  本文已影响3288人  skills

我在vue项目中使用vue-html5-editor解决图片上传问题,
只需要将配置图片设置中一项修改后台就可以了,

 // 配置图片模块 
    // config image module 
    image: {
        // 文件最大体积,单位字节  max file size 
        sizeLimit: 512 * 1024,
        // 上传参数,默认把图片转为base64而不上传 
        // upload config,default null and convert image to base64 
        upload: {
            url: '/api/captical',//图片上传路径
            headers: {},
            params: {},
            fieldName: 'file'// 需要修改的地方
        },
 // 响应数据处理,最终返回图片链接 
        // handle response data,return image url 
        uploadHandler(responseText){
            //default accept json data like  {ok:false,msg:"unexpected"} or         {ok:true,data:"image url"} 
            var json = JSON.parse(responseText)
            if (!json.ok) {
                alert(json.msg)
            } else {
                return json.data
            }
        }

这样就ok了

上一篇 下一篇

猜你喜欢

热点阅读