web/web_widget_image_url/static/src/js/web_widget_image_url.js

// Copyright 2017 - 2018 Modoolar <info@modoolar.com>
// License LGPLv3.0 or later (https://www.gnu.org/licenses/lgpl-3.0.en.html).

odoo.define('web_widget_image_url.FieldImageURL', function (require) {
"use strict";

    var AbstractField = require('web.AbstractField');
    var core = require('web.core');
    var registry = require('web.field_registry');
    var QWeb = core.qweb;
    var _t = core._t;

    var UrlImage = AbstractField.extend({
        className: 'o_attachment_image',
        template: 'FieldImageURL',
        placeholder: "/web/static/src/img/placeholder.png",
        supportedFieldTypes: ['char'],

        url(){
            return this.value ? this.value : this.placeholder;
        },

        _render() {
            this._super(arguments);

            var self = this;
            var $img = this.$("img:first");
            $img.on('error', function() {
                $img.attr('src', self.placeholder);
                self.do_warn(_t("Image"), _t("Could not display the selected image."));
            });
        }
    });

    registry.add('image_url', UrlImage);
});