Upload de imagens com yimo-vue-editor


#1

Instalei o yimo-vue-editor mas estou com dificuldade para trabalhar com upload de imagens.
Alguém teria um código de backend em nodejs que funcione com este componente?

Não entendi como funciona o código que veio no exemplo:

 /**
 * 登录
 *
 * @url /upload
 * POST
 */
module.exports = function(req) {
  if (req.query.isIe9==='true') {
    req.res.set('Content-Type', 'text/html')
  }
  return {
    status: 1,
    data: {
      fileName: '@integer(0).jpg',
      filePath: '@image(200x200)',
      fileUrl: '@image(200x200)'
    }
  }
}

Se alguém puder me ajudar com alguma informação ficarei imensamente grato!


#2

Any back end can pass FormData to the back end
,You can define the returned data yourself, like this

import VEditor from 'yimo-vue-editor'

Vue.use(VEditor, {
  name: 'v-editor-app',//Custom name
  config: {},//wagnEditor config
  uploadHandler: (type, resTxt) => {//Upload processing hook
    if (type === 'success') {
      var res = JSON.parse(resTxt)//Do not process the default look at the return value bit image path
      if (res.status !== 1) {
        return null
      }
      return res.data
    } else if (type === 'error') {
      //todo toast
    } else if (type === 'timeout') {
      //todo toast
    }
    return 'upload failed__'
  }
})

#3

Obrigado pela ajuda.

Consegui fazer funcionar retornando um JSON conforme abaixo:

const res_data = JSON.parse('{"status"' + ': 1, ' + '"data"' + ':' + '"' + img_path + '"}')
return res.send(res_data)

#4

Ok, welcome to ask a question or suggestion,I am looking forward to it. :smiley: