Froala Ошибка при загрузке изображения.Не показывает изображение в редакторе froala - PullRequest
Новая
       8

Froala Ошибка при загрузке изображения.Не показывает изображение в редакторе froala

0 голосов
/ 21 ноября 2018

Я работаю с Angular6, и когда я загружаю изображение с помощью Froala, я получил эту ошибку в редакторе Froala:

Что-то пошло не так.Пожалуйста, попробуйте еще раз.

errorImage

Мой код на стороне сервера в порядке, изображение загружено, и я получаю ответ JSON с правильным URL-адресом.

Мой код: 

    //component.ts:

    public options: Object = {
    charCounterCount: true,


    // Set the image upload URL.
    imageUploadURL: 'http://localhost:3000/upload_image',

    // Additional upload params.
    imageUploadParams: {id: 'my_editor'},

    // Set request type.
    imageUploadMethod: 'POST',


  };

    //component.html

    <div class="row">
      <div [froalaEditor]="options" [(froalaModel)]="contenidoTema"></div>
    </div>

//server-side code
//app.js

var FroalaEditor = require('wysiwyg-editor-node-sdk/lib/froalaEditor.js');
app.use(express.static(__dirname + '/'));
app.use('/bower_components',  express.static(path.join(__dirname, '../bower_components')));
app.use(bodyParser.urlencoded({ extended: false }));

// Path to upload image.
app.post('/upload_image', function (req, res) {

  // Store image.
  FroalaEditor.Image.upload(req, '/uploads/', function(err, data) {
    res.setHeader('Content-Type', 'application/json');
    res.setHeader('Allow', 'GET, POST, OPTIONS');
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Headers', '*');
    res.setHeader('Content-Length', '0');
    // Return data.
    if (err) {
      return res.send(JSON.stringify(err));
    }
    console.log("http://localhost:3000"+data.link);
    res.send("http://localhost:3000"+data.link);
  });
});
...