leaflet.js qgis2web popup in new window

Question

I am displaying a bunch of points on a map that have a field with an image name to popup when the point is clicked. The images are in a subfolder.

Is there an easy way to make the popup go to a new window with the target="_blank" tag?

I am using qgis2web, so I have this code snip to work with, it seems like this would be the right place to put a new window request, but instead I spawn a new tab for every feature in the map*

code from qgis2web

    var popupContent = '<table>\
            <tr>\
                <td colspan="2">' + (feature.properties['Image'] !== null ? '<img width="300" src="images/' + String(feature.properties['Image']).replace(/[\\/:]/g, '_').trim() + '">' : '') + '</td>\
            </tr>\
        </table>';
    layer.bindPopup(popupContent, {maxHeight: 100});
}

end of qgis2web code

*because this gets called by the GeoJSON loader...

Answer 1

Try the following:

1. Add a field to your layer for the filename (if you don't already have one)
2. Change that field's edit widget type to "Attachment" (QGIS3)/"Photo" (QGIS2)
3. If it was a new field, populate the rows with the image paths

Now, when you use qgis2web, your export should include the images which will then appear in your popups.